Tailwind에서 벗어나 CSS 구조화 방법을 배우는... 노트

Tailwind에서 벗어나 CSS 구조화 방법을 배우는 중

저자는 CSS와 함께한 자신의 여정을 되돌아보며, 처음에는 구조적인 장점 때문에 Tailwind를 채택했지만 이제는 순수 CSS로 전환하고 있습니다. 이러한 변화는 CSS를 더 깊이 이해하고 기술을 향상시키고자 하는 열망에서 비롯되었습니다. 저자는 가져온 리셋, 컴포넌트 기반 스타일링, 미리 정의된 색상 변수, Tailwind에서 파생된 글꼴 크기 시스템을 포함한 새로운 CSS 구조를 자세히 설명합니다. 또한 유틸리티 클래스를 활용하고, 전역 스타일에 대한 기반을 설정하며, 간격을 의식적으로 관리합니다. 반응형 디자인은 Tailwind의 미디어 쿼리 중심 접근 방식에서 벗어나 CSS 그리드 레이아웃에 더 의존합니다. 빌드 시스템은 프로덕션 번들링을 위해 esbuild를 사용하지만, 개발 중에는 필수적이지 않습니다. 저자는 빌드 시스템에 대한 의존성, 향상된 CSS 지식, Tailwind의 한계, 그리고 더 의미론적인 HTML에 대한 열망을 언급하며 마이그레이션의 주요 이유를 설명합니다. 마지막으로 @layer와 같은 기능에 대해 논의하고 Tailwind의 이점을 인정하면서도 그 원칙에서 가치를 찾고 있음을 밝힙니다.