CSS - css in js의 장단점

css in js의 장단점

css 파일 대신 자바스크립트 파일로 하는 것으로, 대표적으로 Styled-Component가 있음!

- 장점

• CSS의 컴포넌트화로 스타일시트와 파일을 유지보수 할 필요가 없음
• Javascript 환경을 최대한 활용 가능
• Javascript와 CSS 사이의 상수와 함수를 쉽게 공유 가능
• 현재 사용중인 스타일만 DOM에 포함
• 코드 경량화

- 단점

• 러닝 커브
• 새로운 의존성
• 별도의 라이브러리를 설치해야 하므로 번들 크기가 커짐
• CSS 파일을 따로 관리하는 방법에 비해 느릴 수 있음