| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 인증/인가
- webpack
- RTK Query
- 호이스팅
- 공변성
- 태그된 유니온
- 인터섹션
- CI/CD
- autosize
- 타입 좁히기
- 반공변성
- map
- SSR
- app router
- Jest
- useAppDispatch
- 결정 알고리즘
- MSA
- ESlint
- Promise
- async/await
- 무한 스크롤
- 투포인터
- recoil
- dfs
- React
- tailwind
- 리터럴 타입
- CORS
- TS
Archives
- Today
- Total
목록2026/01/07 (1)
짧은코딩
Tailwind CSS 라이브러리 Zero-Config 구축 전략
자주 사용하는 UI를 라이브러리화 하고 있었다.Material-UI(MUI)에서 Tailwind CSS 기반으로 마이그레이션 하는 과정이 있었는데, 이 라이브러리를 사용하는 소비 프로젝트의 설정 복잡도를 "Zero"로 만드는 과정을 기록하고자 한다.1. 도입 배경 및 문제 상황기존의 Tailwind CSS 기반 라이브러리 배포 방식은 사용자에게 과도한 설정을 요구하며, 이는 개발 경험(DX) 저하1.1 기존 방식의 한계소스 코드 제공 방식: 사용자가 tailwind.config.js의 content 배열에 라이브러리 경로를 직접 추가해야 한다.CSS 파일 번들링 방식: 빌드된 CSS 파일을 제공하고 사용자가 이를 import 해야 한다.1.2 결정적 문제점설정 복잡도 증가: tailwind.config...
개발
2026. 1. 7. 22:28
