전체 글16 tailwind css Tailwind CSS는 Utility-First 컨셉을 가진 CSS 프레임워크다. 부트스트랩과 비슷하게 m-1, flex와 같이 미리 세팅된 유틸리티 클래스를 활용하는 방식으로 HTML 코드 내에서 스타일링을 할 수 있다. Tailwind는 프로덕션을 위해 빌드할 때 사용되지 않는 모든 CSS를 자동으로 제거하므로 최종 CSS 번들은 가장 작다. 사실, 대부분 Tailwind 프로젝트는 클라이언트에 10kB 미만의 CSS를 제공한다. 1. 설치npm install tailwindcss@latest postcss@latest autoprefixer@latestyarn add -D tailwindcss postcss autoprefixer 2. PostCSS.config.js 파일에 추가module... 2024. 10. 16. SPA, MPA SPA (Single page architecture)필요한 부분만 전송하여 렌더링깜빡이는 경우가 없다. MPA(Multi page architecture)예전 방식으로 페이지 전체를 다시 전송하므로 깜빡임이 있을 수 있다. 2024. 10. 11. CSR, SSR, SSC CSR (Client side rendering)클라이언트에서 소스를 분석하여 렌더링함 SSR (Server side rendering)서버에서 소스를 분석하여 완성된 HTML을 클라이언트에 전송 SSG (Static site generaition)이미 완성되어 있는 데이터를 전송 2024. 10. 11. interface 아래는 함수로 인자를 전달받는 형태이다.1. 일반적인 형태// let person = { name: string, age: string } obj: personobj: { name: 'Capt', age: 28 } let person = { name: 'Capt', age: 28};function logAge(obj: { age: number }) { console.log(obj.age); // 28}logAge(person); // 28 interface personAge { age: number;}function logAge(obj: personAge) { console.log(obj.age);}let person = { name: 'Capt', age: 28 };logAge(perso.. 2024. 10. 11. 이전 1 2 3 4 다음