개발지식소

  • 홈
  • 블로그 소개
  • 백엔드
  • 프론트엔드
  • 개발도구 & 환경

프로튼엔드 1

Tailwind CSS or ShadCN UI 가이드

1. Tailwind CSS란?Tailwind CSS는 Utility-first 접근 방식을 기반으로 한 CSS 프레임워크입니다.일반적인 CSS 프레임워크(예: Bootstrap)가 미리 정의된 컴포넌트를 제공하는 것과 달리, Tailwind는 작은 단위의 클래스를 조합해 원하는 UI를 직접 만들어 나가는 방식입니다.Tailwind의 특징Utility-first: bg-blue-500, text-center, p-4 같은 작은 단위의 클래스를 조합.빠른 프로토타이핑: 별도의 CSS 파일 없이 바로 클래스 조합으로 디자인 가능.높은 커스터마이징: tailwind.config.js에서 색상, 폰트, spacing 단위를 직접 설정.반응형 대응이 쉬움: sm:, md:, lg: 같은 접두어로 반응형 스타일 지..

프론트엔드 2025.08.26
이전
1
다음
더보기
프로필사진

개발지식소

하루하루 채워가는 개발지식, 복잡한 개념도 쉽고 따뜻하게 설명하는 곳. 초보자도, 현업자도 함께 성장하는 지식 채움의 공간

  • 분류 전체보기 (26)
    • 프로그래밍언어 (4)
    • 프론트엔드 (7)
    • 백엔드 (13)
    • 개발도구 & 환경 (2)

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :
Privacy Policy

Copyright © Kakao Corp. All rights reserved.

티스토리툴바