개발에서 Tailwind CSS의 핵심 접근 방식으로 올바른 것은?

쉬움 freeCodeCamp

보기 및 정답

A Bootstrap처럼 미리 디자인된 컴포넌트(버튼, 카드, 네비게이션)를 제공하여 빠르게 UI를 구성한다

B 유틸리티 퍼스트(Utility-First) 방식으로 HTML 클래스에 직접 스타일을 적용하여 커스텀 디자인을 빠르게 구축한다

C styled-components처럼 CSS-in-JS 방식으로 React 컴포넌트 내부에 JavaScript로 동적 스타일을 작성한다

D Figma 디자인 파일을 분석하여 CSS 스타일시트를 자동으로 생성하고 프로젝트에 다운로드하는 도구이다

Tailwind CSS는 flex, pt-4, text-center 등 단일 목적의 유틸리티 클래스를 HTML에 직접 적용합니다. 커스텀 CSS를 거의 작성하지 않고도 디자인을 구현하며, PurgeCSS로 미사용 스타일을 제거하여 프로덕션 빌드 크기를 최소화합니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

로그인