Javascript 파일내에서 CSS 스타일을 작성하고 적용하는 방법으로 컴포넌트 기반의 프레임워크에서 많이 사용된다.
컴포넌트별로 분리된 스타일링이 가능하다.
장점
- 독립적인 스타일 , 독립적인 관리
- 에디터를 통한 쉬운 접근
단점
- 공통 style과 컴포넌트의 구분이 애매 모호하다.
- 디테일한 스타일을 적용 시 전역에서 이 중으로 덥어야하는 부분이 생긴다.
- 대규모 프로젝트 시 로딩이 생김
- 개발자 경험 및 수정 성능이 저하
프로젝트를 하면서, 편한 부분도 있었지만 퍼블 출신이여서 전역 style에서 컴포넌트 단위로 관리하고,
해당 pages를 생성하여 스타일을 주는게 편했다.