FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
디자인 시스템 구축 과정에서 Emotion CSS의 테마 의존성과 가독성 문제를 분석했습니다. Tailwind CSS와 Twin.Macro로 유틸리티, 반응형·다크 모드, 접근성 단위를 구성했습니다.
#tailwind css#Twin.Macro#Emotion CSS
100
태그
twin.macro 기술 블로그 글
twin.macro 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 4개최신 4개 표시
관련 태그
최신 게시글
4개 표시
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
카카오페이지 웹 개편에서 Emotion CSS의 한계를 줄이기 위해 Tailwind CSS와 Twin.Macro를 도입했습니다. 디자인 시스템 네이밍을 쉽게 반영하고, 커스텀 플러그인으로 부족한 유틸리티를 보완했습니다.
#Tailwind CSS#Emotion CSS#Twin.Macro
5800
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
Tailwind CSS 사용기
Tailwind 테마 확장으로 반복적인 arbitrary value를 줄이는 방법을 소개했습니다. Preflight와 클래스 우선순위, twin.macro·Headwind 활용 시 주의점을 정리했습니다.
#Tailwind CSS#React#CSS
200
Tailwind CSS 사용기
Tailwind의 arbitrary value를 테마 확장으로 줄이고 Preflight 동작을 점검하는 방법을 소개했습니다. 클래스 우선순위 충돌은 twin.macro, 긴 클래스 정리는 Headwind로 보완했습니다.
#Tailwind CSS#React#CSS
4400
Tailwind CSS 사용기