NOTE

Next.js with CSS-in-JS

ssund 2024. 12. 26. 14:30
  1. 순수 css
    별다른 처리가 필요하지 않아 서버컴포넌트에서 호환문제가 발생하지 않는다.
  2. css 전처리기
    sass, less, postcss등 css 전처리기는 빌드타임에 순수css로 컴파일된다.
  3. css modules
    빌드타임에 css가 생성된다.
  4. Tailwind css
    빌드 타임에 css가 생성된다.
  5. CSS-in-JS
    자바스크립트를 사용하여 스타일 정의를 한다. 런타임에 동적으로 스타일이 적용된다.

빌드타임에 css가 완성되냐, 런타임에서 js통해 동적으로 css가 렌더링 되냐 Next.js 서버컴포넌트 호환성을 결정해준다.