PostCSS (CSS Module)

순수 css 모듈
각 파일 별로 안정성을 보장해준다.
고립성과 독립성이 보장되어 이름 충돌에 걱정하지 않아도 된다.

Styled Components

JS에서 CSS를 작성할 수 있다.
JS가 꼭 필요하므로 변경될 때마다 재컴파일 되어야 한다.
고립성과 독립성이 보장되고 js, css 파일을 왔다갔다 하지 않아도
내가 작성하는 js코드 위에서 바로 작성할 수 있어서 편하다.
(하지만 비지니스 로직과 스타일이 뒤엉킬 수 있다는 단점이 있다.)

Tailwind

이미 만들어진 css 파일이 있어 클래스 이름을 가져다 쓰는 것이기 때문에
순수 css라고도 볼 수 있다.
다른 부트스트랩같은 라이브러리는 이미 만들어진 컴포넌트를 제공해주는 반면에
tailwind는 css 그대로이다.
우리가 원하는 곳에 미리 정해진 클래스 이름들을 조합하면 된다.
클래스 이름 창작의 괴로움이 없다.
styled component처럼 js, css 파일을 왔다갔다 하지 않아도 된다.
(난잡해보일 수 있고, 어떤 것이 업데이트 되었는지 한 눈에 파악하기 어렵다.)

0개의 댓글