[230812] CSS 관리하는 접근 방식

CSS 전처리기 (CSS Preprocessors)

• CSS 전처리기는 순수한 CSS에 기능을 추가하고 코드 작성을 편리하게 만들어주는 도구
• 변수, 믹스인, 중첩 규칙, 계산 등의 기능을 제공하여 코드를 효율적으로 작성할 수 있도록 도와줌
• Sass, Less, Stylus

CSS 후처리기 (CSS Postprocessors)

• CSS를 생성하는 도구
• 브라우저에서 지원하지 않는 기능을 사용하거나 CSS 최종 크기를 최적화하는 등의 작업 수행
• PostCSS, Autoprefixer

CSS-in-JS

• 다른 JavaScript 프레임워크에서 스타일을 다루는 방식 중 하나
• 스타일을 js 코드 내에서 작성하는 것을 의미
• 컴포넌트 단위로 스타일 관리해서 상태나 속성에 따라 동적으로 스타일 변경 가능
• 컴포넌트와 관련된 스타일을 하나로 묶어 유지보수성 높일 수 있다.
• styled-components, Emotion, CSS Modules

---

최신 트렌드 라이브러리 비교 사이트

• https://npmtrends.com/