2024/04 2

앱 디렉터리와 앱 라우터

page directory & page router page directory pages 폴더 하위의 모든 폴더, 파일명을 경로로 사용할 수 있음 conponent, lib 등은 pages 폴더 외부에 작성해야 함. pages/index.tsx → / pages/about.tsx → /about pages/content/index.tsx → /content pages/index.ts 웹 애플리케이션의 시작점. 루트(/) 경로페이지 pages/_app.ts 공통 레이아웃, 전역 상태 관리 페이지 프로젝트 최상위 컴포넌트 pages/_documents.ts SSR시 사용됨. 초기 HTML, CSS 구조 정의 , 등 전체 페이지 구조와 메타태그. 외부스크립트, 글꼴 등 설정 pages router Next.j..

cs 2024.04.17

styleX

Meta에서 출시한 CSS-in-JS 라이브러리. 컴파일러 기반의 라이브러리로, 컴파일 시 CSS 파일로 변환함 (전통적인 CSS에 가까운 성능 제공) 스타일 관리와 성능 최적화 면에서 전통적인 CSS의 강점을 유지하고, CSS-in-JS의 특징인 유연성과 확장성 제공 또 다른 특징인 Atomic CSS CSS 출력 최소화. 컴포넌트 수가 많아지고 크기가 커지더라도 CSS 크기가 일정하게 유지됨 특징 빠른 속도 런타임 스타일 인젝션*이 없음 모든 스타일은 컴파일 시 정적 css 파일에 번들로 제공됨 *런타임 스타일 인젝션: 웹 애플리케이션이 런타임 중에 스타일을 동적으로 추가하거나 변경하는 기술 확장성 CSS 출력 최소화. 컴포넌트 수가 많아지고 크기가 커지더라도 CSS 크기가 일정하게 유지됨 예측 가능..

cs 2024.04.17