TypeScript
React
ESLint
Prettier
Vite
Emotion
tailwind CSS (Atomic CSS)
- 장점
- 익숙해지면 빠른 코드작성 가능
- 다크모드 적용 쉬움 (다크모드를 한다면)
- 쓰면 왠지 트렌드세터가 된 것 같음
- 단점
- 클래스 이름이 엄청 길어질 가능성 있음
- 익숙해지기까지 시간이 약간 걸림
⇒ tailwind로 결정!!
- 개발이 빠르게 진행된다.
- css코드가 js 코드와 분리된다. (↔ css in js)
- 카드나 캐러셀 같은 컴포넌트를 만들 때 이미 기본틀로 제공된다.
styled componet(점점 사장되는 중)
tailwind (가독성이 떨어짐)
✅ 라이브러리