tailwind css 설치 관련 문의
App.css 에 있는 내용 지우고, 다음인 App.jsx 수정하는 부분에서 막혔습니다. tailwind css 설치 사이트에 들어가면 다음과 같이 다른 부분이 존재하는데, 5번 부분에 있는 코드를 App.jsx에 넣으면 되는건가요?
답변 1
0
안녕하세요. Tailwind CSS 설치 문제에 대해 답변드립니다.
설치 문서에서 4번 단계(npx tailwindcss -i ./src/input.css -o ./src/output.css --watch) 해당 명령어는 Tailwind CSS를 수동으로 빌드하여 사용할 때 필요한 명령어입니다.
간단히 설명하면, Tailwind CSS의 원본 스타일(input.css)을 output.css로 변환하고, 실시간 변경 사항을 감지(watch)하는 역할을 합니다. 그러나, Vite 환경에서는 불필요한 단계이므로 혼동이 있으셨을 것 같습니다.
-i ./src/input.css→ 입력 파일 (Tailwind의 원본 CSS)-o ./src/output.css→ 출력 파일 (변환된 CSS)--watch→ 실시간으로 파일을 감지하여 변경 사항을 즉시 반영
죄송하지만, 아래의 링크의 설치 공식문서를 참고하셔서 React + Vite 프로젝트를 재생성한 후, 1-2 강의를 그대로 진행하시면 무리 없이 Tailwind CSS 설치가 가능합니다.
👉 Tailwind CSS + Vite 3.4.17 설치 공식문서
귀한 시간을 내어 확인해 주셔서 진심으로 감사드립니다. 🙇♂
https://my-company.site/ 접속
0
63
3
tailwind 1279부터 768까지 모바일형과 컴퓨터형의 컴포넌트가 같이 보임
0
52
3
notion 수정
1
56
1
9강에서 'Ch-9-1. GitHub 저장소 링크' 오류
0
70
1
tailwind 설치 명령어 관련 질문
0
65
2
tailwind 화면 크기에 따른 ui 변화 기준
0
73
1
관리자 자동 로그아웃 문의드립니다.
0
79
1
ipify.org api 호출 시 클라이언트 ip주소를 반환하는지?
0
161
2
ch5-1 관리자 페이지 IP블랙리스트 기능구현 관련
0
81
2
ch4-6 관리자 계정 로그아웃 , 삭제 관련
0
111
2
ch4-5 관리자 계정 로그인, JWT토큰 관련
0
86
2
ch4-4관리자 계정생성하기 문제 발생
0
105
2
MODULE_NOT_FOUND 오류
0
136
3
이미지 파일의 경로 설정에 대한 질문입니다.
0
94
2
배포 후 모바일에서 접속하면 게시판 게시글이 안보이는 문제
0
106
2
모바일 화면 전환
0
122
1
tailwind css 설치 위치
0
205
1
결제기능 관련
0
97
2
vite 설치 관련 문의
0
78
1
배포관련 질문드립니다.
0
142
3
PUT, DELETE 등의 http 메소드 질문있습니다.
0
349
2
안녕하세요 선생님 특정 IP만 접속 가능한 기능 강의 예정 있으실까요??
0
116
1
질문 userSchema 의 timestamps: true
0
90
3
배포에 대해서 질문있습니다
0
144
1