Tailwind CSS 상수화 및 커스텀 스타일 정의

Tailwind CSS(이하 테일윈드)를 사용하여 작업한 프로젝트를 보수하고 있다. 14개월 전 나는 그저 테일윈드에서 제공하는 유틸리티 클래스를 열심히 나열하였다. 클래스명을 생각할 필요가 없어서 간편하다는 테일윈드의 장점을 그대로 반영하였으나, 문제는 유지보수였다. 스타일을 변경할 때마다 나열된 클래스를 한땀 한땀 수정해야하고 반복적으로 사용된 스타일이라면 작업 시간이 배로 늘어난다. 이러한 테일윈드 코드를 상수화하거나 커스텀 CSS로 리...