[TailWindCss]Install Tailwind CSS wi... - 인프런

인프런 커뮤니티 질문&답변

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

TailWindCss소개

[TailWindCss]Install Tailwind CSS with Create React App 관련문의드립니다.

작성

396

안녕하세요.

초급이라 여러모로 잘 몰라서 질의드립니다.

강의화면상에서는 경고메시지가 없고,

tailwindcss 설치시 명령어가

npm install -D tailwindcss postcss autoprefixer 로

tailwindcss 외에 postcss autoprefixer 의 두가지가 더 있는데요 .

[강의화면]

현재 tailwindcss 사이트에서 install 화면은

tailwindcss 하나만 인스톨하도록 가이드가 되어 있고

react 보다는 다른 툴(?)을 사용하라는 경고가 있는데요.

가이드를 무시하고 일단 강의 내용대로

npm install -D tailwindcss postcss autoprefixer

로 인스톨하니, postcss, autoprefixer 가 인스톨 된 것 같긴한데 이렇게 인스톨하더라도

혹시 react app 사용상에 뭔가 제약사항이 있는 건가요??

"devDependencies": {
    "autoprefixer": "^10.4.16",
    "postcss": "^8.4.31",
    "tailwindcss": "^3.3.5"

답변 1

지식공유자

안녕하세요 재안 님 반갑습니다!

tailwindcss 사이트에서 postcss autoprefixer를 왜 빼놨는지는 저도 의문이네요!

저 둘이 꼭 필요하기는 합니다!

다른 툴은 vite를 이용하는 것인데

create react app 패키지나 vite를 이용하는 것이나

사용자 입장에서 이용하는 방법은 같습니다!

vite는 npm init vite 명령어를 이용해서 리액트 앱을 생성하셔서 하면 됩니다.

vite를 이용하면 앱 모듈 설치 속도나 빌드 용량 감소, react hot loading 같은 걸 하는데 좀 더 빠르게 하는 장점은 있지만 create-react-app을 쓰더라도 전혀 문제는 없습니다.

감사합니다.

작성한 질문수