핵심 요약
여기어때가 Tailwind의 prefix와 tailwind-merge 충돌 문제를 해결하기 위해 1세대(prefixTwMerge)에서 시작해 2세대에 이르기까지 twMerge를 교육하는 방식으로 재구성했고, 커스텀 유틸리티(yf-*)를 포함한 등록 규칙을 도입했습니다.
구현 방법
- Tailwind 토큰 재활용 및 yf- 접두사 적용으로 기본 충돌 가능성을 낮춤
- 1세대 prefixTwMerge로 접두사 떼고 다시 붙이는 전략을 사용, 2세대에선 twMerge 설정을 확장하고 classGroups/conflictingClassGroups를 구성
- 커스텀 유틸리티를 그룹에 등록하여 충돌을 해결하고, 템플릿 태그 tw를 도입해 사용을 간소화
주요 결과
- 충돌 예측 가능성과 재현성을 높였고, prefix와 twMerge를 함께 사용하는 구조를 확보
- 커스텀 유틸리티까지 포함한 전체 라이브러리 재사용성이 향상
