프코

  • 홈
  • 태그
  • 방명록

2025/06/05 1

tailwindcss 최신 설치 및 환경 설정 방법

tailwind-css 설치 및 환경 설정 방법테일윈드는 최신 업데이트에 따라 설정 방법이 많이 달라졌다.일단 vite로 프로젝트를 먼저 설치 하는 방법부터 알아보자npm i -D tailwindcss@3 postcss autoprefixery를 누른 후 프로젝트 이름을 설정 후 어떤 기술 스택을 사용할지 정하면 된다.그 후 프로젝트 폴더로 경로 변경을 한 후 npm i 를 한다.npx tailwindcss init 테일윈드를 설치했으니 환경설정을 할수 있는 파일을 생성한다.tailwind.config.js 라는 폴더 생성테일윈드 환경설정 폴더에 아래처럼 코드를 작성한다. /** @type {import('tailwindcss').Config} */ export default { content: ["..

frontend/환경설정 2025.06.05
이전
1
다음
더보기
프로필사진

프코

개발자로 거듭나기 위하여 학습한 내용을 정리하는 블로그입니다.

  • 분류 전체보기 (18) N
    • frontend (6) N
      • 환경설정 (1) N
      • 디자인 패턴 (1)
    • CS (11)
      • 운영체제 (10)
      • 컴퓨터구조 (1)

Tag

프로그램 컴파일 과정, app router, 운영체제, 데이터 패칭, 성능, 리팩터링, 최적화, React, 컴파운드 컴포넌트, 컴퓨터구조, CPU, TAILWIND, 프론트엔드, csr, 데이터영역, SSR, nextjs, clsx, 렌더링, next.js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바