공부 및 일상기록

[면접준비] CSS in JS의 장단점 본문

개발/면접 준비용 지식 정리

[면접준비] CSS in JS의 장단점

낚시하고싶어요 2023. 1. 30. 08:14

CSS in JS란 스타일 정의를 자바스크립트로 작성된 컴포넌트에 바로 삽입하는 스타일 기법입니다.

장점으로는 자바스크립트 환경을 최대한 사용할 수 있으며 현재 사용중인 스타일만 DOM에 포함하고, 짧은 길이의 유니크한 클래스를 자동으로 생성하기 때문에 코드 경량화를 할 수 있습니다.

단점으로는 새로운 의존성이 생겨나고, 별도의 라이브러리를 설치해야 하므로 번들 크기가 커지며, 인터랙션한 페이지일수록 CSS파일을 따로 관리하는 방법에 비해 느린 성능을 보여줍니다.

저작자표시

'개발 > 면접 준비용 지식 정리' 카테고리의 다른 글

[면접준비] Promise란 무엇인가요?  (0) 2023.01.30
[면접준비] 시맨트 마크업에 대해 설명해보세요  (0) 2023.01.30
[면접준비] display 속성에 대해 설명해보세요  (0) 2023.01.30
[면접준비] margin과 padding의 차이  (0) 2023.01.30
[면접준비] position 속성에 대해 설명해보세요  (0) 2023.01.30
'개발/면접 준비용 지식 정리' Related Articles more