CSS-in-JS의 장단점과 resentational & Container 디자인 패턴

CSS-in-JS 자바스크립트 코드에서 CSS를 작성하는 방식 장점CSS 파일의 유지보수가 필요없음 (컴포넌트 레벨로 추상화하기 때문에 단일 파일에서 관리가 가능)자바스크립트와 CSS사이에 있는 상수와 함수 공유 가능스타일링을 위한 코드 사용량이 줄어듦단점러닝커브가 높다 (신기술을 학습하는데 소요되는 시간)새로운 의존성 발생별도의 라이브러리 설치에 따른 번들 크기 증대 및 CSS-in-CSS에 비해 느린 속도정리작업자의 성향이나 판단이 필요한 부분이나 개발 효율성에 중점을 둔 컴포넌트 위주의 프로젝트라면CSS-in-JS를 고려하는 것이 좋음 ⇒ CSS 스타일 요소로만 로딩하기 때문사용자 편의에 방점을 둔 인터렉티브한 웹 프로젝트 ⇒ 렌더링 시 모든 CSS 스타일 요소를 로딩하는 CSS-in-CSS 방식 ..

2024.06.03