CSS IN CSS와 CSS IN JS의 차이
CSS in CSS는 순수 CSS 코드로 작성하는 것을 말하며 대표적으로 Sass, Less, Stylus와 같은 CSS 전처리기와 부트스트랩, 테일윈드와 같은 CSS 프레임워크 그리고 CSS 모듈 방식이 있습니다. 반면에 CSS IN JS의 경우 CSS를 코드를 자바스크립트에서 작성하는 것을 의미합니다. 대표적으로 Styled-Components가 있으며 CSS 코드를 자바스크립 상에서 작성하므로 편의성이 증가해 개발자 경험에서는 좋지만 컴파일 과정이 필요해 성능적인 면에서는 순수 CSS 코드를 사용하는 CSS in CSS 방식이 성능이 더 뛰어나고 리액트와 리액트 네이티브에서만 사용이 가능하다는 차이점이 있습니다.
CSS IN CSS
간단히 말해서 CSS in CSS는 순수 CSS 코드로 작성하는 것을 말합니다. 대표적으로 Sass, Less, Stylus와 같은 CSS 전처리기(Pre/Post-processors), 부트스트램, 테일윈드와 같은 CSS 프레임워크 그리고 CSS 모듈이 있습니다.
CSS IN JS
CSS in JS는 CSS를 자바스크립트에서 작성하는 것을 말합니다. 대표적으로 Styled Components가 있습니다.
[참고 사이트]