Sass (Scss)
postCSS 이전의 강자, css 내부에서 계산(연산), 레이어링 등이 가능.
postCSS
등장 배경과 존재 이유
여러 개의 css 파일을 불러오고 클래스 이름이 중복되었을 때...
클래스 명명의 피로도 증가, 모듈 단위의 css 분리
postCSS = CSS 모듈! 전처리기가 아님.
tailWindCSS
클래스 명을 작명하는 것이 아닌, 클래스 이름으로 css 스타일링을 함
클래스 이름들이 css 속성의 약어로 되어 있는 경우가 많다 직관적이나, 추가적인 학습을 요함.
styledComponent
Emotion과 함께 CSS-in-Js 진영의 강자 (조금 더 점유율이 높은듯 함.)
자바스크립트 파일 안에서 css 문법 사용 가능
스타일이 포함된 컴포넌트
Project
todoApp을 바닐라js -> 타입스크립트 마지막 React로 전환하는 프로젝트
저장소
