리엑트로 개발하면서 느낀 각각의 css 툴 장단점을 이야기해본다.
결론부터 말하자면 요즘은 mui를 쓴다.
쌩 css
장점
1. ?
단점
1. 전역으로 적용돼서 불편함
scss 모듈
장점
1. 퍼블리셔와 상성이 좋음
2. 자바스크립트와 css가 깨끗하게 분리됨
단점
1. 한땀한땀 css를 짜야 됨. (공부 목적이면 좋다)
2. 클래스네임 타입스크리트 추적이 안된다.
테일윈드
장점
1. 빠른 개발속도
2. 간편함
단점
1. 너무 긴 클래스명으로 유지보수가 힘듬
스타일드 컴포넌트
장점
1. 잘쓰면 좋은듯?
단점
1. 컴포넌트 이름짓기가 귀찮음
2. 어떻게 해야 잘쓰는 건지 모르겠음
3. 진입장벽이 있다.
mui
장점
1. 좋은 컴포넌트가 미리 만들어져 있어서 가져다 쓰기 좋다.
2. 커스터마이징도 잘된다.
단점
1. 진입장벽이 있다.
댓글