inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

TailWindCss소개

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

637

류재안

작성한 질문수 58

0

안녕하세요.

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

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

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"

 

react

답변 1

0

John Ahn

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

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

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

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

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

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

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

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

감사합니다.

강의 소스 코드 압축 풀기 오류

0

71

1

런타임 에러 ㅠㅠ

0

85

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

102

1

안녕하세요 개발과 상관없는 질문입니다만

0

111

1

리액트 라우터 관련

0

101

1

react-beatiful-dnd에서 문제가 발생합니다.

0

103

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

811

1

useEffect로 사용을 해도 되나요?

0

198

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

195

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

280

2

리액트 dockderfile 작성 시 COPY 질문

0

145

1

next.js에서부터는 react query 필요없는지

0

320

1

기능

0

197

1

오류가 안보여요

0

194

1

CSS

0

217

1

local storage

0

209

1

list컴포넌트 생성하기

0

223

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

331

1

Banner.css에 대해서

0

446

1

플러그인이 추천을 안해줍니다

0

321

1

마이너스버튼 테스트

0

279

2

리액트 서버 실행 오류

0

1156

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

298

1

creactStore질문이요

1

284

2