Tailwind CSS 도입 이유와 사용 방법

이 게시물은 카카오페이지 웹 서비스의 개편 과정에서 Tailwind CSS를 도입한 이유와 사용 방법에 대해 설명합니다.

도입 이유

• 기존 CSS 라이브러리인 Emotion CSS의 한계로 인한 디자인 시스템 필요성
• 공통 컴포넌트 인식 부재 및 네이밍 관리 문제

사용 방법

FE개발그룹은 Tailwind CSS와 Twin.Macro를 결합하여 디자인 코드를 효율적으로 관리하고, 커스텀 플러그인을 통해 유틸리티를 확장하는 방법을 사용했습니다.