0112 · FE3월 26일
[Next.js] "Tailwind CSS, 더 깔끔하고 예쁘게 정리하는 방법!"
서론 Tailwind CSS를 사용하다 보면 클래스 속성의 순서가 뒤죽박죽이 되거나 통일성이 부족한 경우가 많다. 이런 경우 코드의 가독성이 떨어지고, 특히 협업 시 코드를 이해하는 데 불필요한 시간이 소요될 수 있다. 이를 해결하기 위해 Tailw…
FE · 웹개발 · 프론트엔드
#웹개발
9월 0장 · 통산 515장
- 0110 · FE3월 26일[CSS] "Tailwind CSS 핵심 정리! 유틸리티 클래스로 스타일링 끝내기"Tailwind CSS는 다양한 스타일을 미리 정의된 유틸리티 클래스로 제공한다. (* 유틸리티 클래스란 특정 스타일을 적용할 수 있도록 미리 정의된 단일 클래스) 대표적인 유틸리티 클래스를 몇 가지 예시로 정리해보자! 색상 (Colors) 1) b…FE · CSS · 웹개발
- 0109 · FE3월 26일[CSS] "CSS 설계의 혁명! 유틸리티 퍼스트 방식이 뜨는 이유"Tailwind CSS 방식을 공부하면서 해당 방식이 '유틸리티 퍼스트 방식의 CSS 프레임워크'라는 것을 알게 되었다. 그러나, 유틸리티 퍼스트 방식의 CSS 프레임워크가 무엇인지 궁금해지기 시작했다. 유틸리티 퍼스트(Utility-First) 방…FE · CSS · 웹개발
- 0108 · FE3월 26일[Next.js] "Tailwind CSS: 왜 많은 개발자들이 사랑하는가?"Tailwind CSS란? Tailwind CSS는 유틸리티 퍼스트(Utility-First) 방식의 CSS 프레임워크로, HTML 요소에 직접 클래스를 적용해 스타일을 지정할 수 있도록 설계되었다. ?잠깐!!? 개별적인 유틸리티 퍼스트 방식의 CS…FE · CSS · 웹개발