react + css?

styled-component : CSS-IN-JS

css-module : next.js 설치 시 기본 세팅

CSS-IN-JS는 구축이 쉽고 단순하지만, 자바스크립트에 CSS 코드가 입력되기 때문에, 페이지 로딩 시 구문 분석 과정이 필요.

CSS Module 방식은 빌드타임에 온전한 CSS 파일로 변환되므로 추가적 구문 분석이 불필요.

https://fe-developers.kakaoent.com/2022/220210-css-in-kakaowebtoon/?fbclid=IwAR10q4zhGGIdjdd7l9VyDC9Xn0AU0UkoGeDmTyoWotpt6cxn4T6WHLMPkGg