Tailwind CSS home page
  1. 시작하기
  2. Framework Guides

설치

Framework Guides

다양한 프레임워크 환경에서 Tailwind CSS를 설치하는 방법을 다루는 가이드입니다.

  • Next.js

    뛰어난 개발자 경험을 제공하는 풀스택 React 프레임워크

  • Laravel

    표현력 있고 우아한 문법을 가진 PHP 웹 애플리케이션 프레임워크

  • Vite

    빠르고 모던한 개발 서버 및 빌드 도구

  • Nuxt

    범용 애플리케이션 구축을 위한 직관적인 Vue 프레임워크

  • Gatsby

    React와 GraphQL로 정적 사이트를 구축하는 프레임워크

  • SolidJS

    간단하고 성능이 뛰어나며 반응형 사용자 인터페이스를 구축하는 도구

  • SvelteKit

    Svelte.js로 모든 규모의 앱을 가장 빠르게 구축하는 방법

  • Angular

    모바일 및 데스크톱 웹 애플리케이션 구축을 위한 플랫폼

  • Ruby on Rails

    놀라운 웹 앱을 구축하는 데 필요한 모든 도구를 갖춘 풀스택 프레임워크

  • Remix

    웹 기본 사항과 모던 UX에 초점을 맞춘 풀스택 프레임워크

  • Phoenix

    Elixir로 풍부하고 상호작용적인 애플리케이션을 구축하는 프레임워크

  • Parcel

    웹을 위한 제로 설정 빌드 도구

  • Symfony

    웹사이트와 웹 애플리케이션을 만들기 위한 PHP 프레임워크

  • Meteor

    크로스 플랫폼 앱 개발을 위한 풀스택 JavaScript 프레임워크

  • Create React App

    새로운 싱글 페이지 React 애플리케이션을 위한 CLI 도구

  • AdonisJS

    Node.js를 위한 완전한 기능의 웹 프레임워크

  • Ember.js

    야심 찬 웹 개발자를 위한 JavaScript 프레임워크

  • Astro

    속도를 위해 설계된 올인원 웹 프레임워크

  • Qwik

    즉시 상호작용 가능한 웹 앱을 쉽게 구축

  • Rspack

    빠른 Rust 기반 웹 번들러

원하는 프레임워크가 보이지 않나요? Tailwind CLI를 사용하거나 PostCSS 플러그인으로 Tailwind를 설치해 보세요.

다음에 읽을 내용

Tailwind CSS가 전통적인 CSS 작성과 다른 핵심 개념들을 알아보세요.

  • 유틸리티 퍼스트 원칙

    Using a utility-first workflow to build complex components from a constrained set of primitive utilities.

  • 반응형 디자인

    Build fully responsive user interfaces that adapt to any screen size using responsive modifiers.

  • Hover, Focus & Other States

    Style elements in interactive states like hover, focus, and more using conditional modifiers.

  • 다크 모드

    Optimize your site for 다크 모드 directly in your HTML using the 다크 모드 modifier.

  • Reusing Styles

    Manage duplication and keep your projects maintainable by creating reusable abstractions.

  • Customizing the Framework

    Customize the framework to match your brand and extend it with your own custom styles.