inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

TailWindCss소개

tailwindcss 적용이 안 됩니다

1951

김가희

작성한 질문수 4

0

따라 치면서 실습하는데 적용이 안 되길래 삽질 하다가

혹시나 싶어서 강의 자료를 다운 받아 npm run start 해 보았는데요

그것도 이렇게 적용이 안 되게 보이네요...

뭐가 문제일까요? ㅜ.ㅜ

typescript tdd react redux Next.js

답변 5

2

9rudrb40

npm i react-scripts@latest

전 이거 사용하니까 적용되네요

1

Mango

저도 안되서 구글링 해서 생쇼를 했는데,, package.json 에서 dependencies 버전 최신화 하니까 적용되네요..

0

한승우

제가 알아보니까 tailwind css를 적용하면 기본 html 태그들의 css 속성이 사라진다고 하네요! 넘어가서 다음 강의에서 진행하는 tailwind css 속성 다 작성하면 제대로 작동되니까 넘어가시면 될 것 같습니다..

강사님이 따로 작성하신 의존성 부분만 설치하구요.

 

0

Jin Park

이문제 해결하셨나요? 저도 비슷한 문제가 생겼는데 어떻게 하셨어요?

0

dbghksdn92

tailwind.config.js 파일의 content에

"./src/**/*.{html,js}"

값 추가해보세요.

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

강의에선 html,js 말고 js,hsx,ts,tsx를 넣었네요

0

김가희

content 값 여러 번 바꾸어 봤는데도 안 되네요... ㅠㅠ

0

dbghksdn92

App.css에

@tailwind base;
@tailwind components;
@tailwind utilities;

도 추가하셨나요??

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

0

71

1

런타임 에러 ㅠㅠ

0

85

1

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

0

101

1

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

0

111

1

리액트 라우터 관련

0

101

1

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

0

103

1

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

0

810

1

useEffect로 사용을 해도 되나요?

0

198

1

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

0

195

1

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

0

279

2

리액트 dockderfile 작성 시 COPY 질문

0

145

1

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

0

320

1

기능

0

196

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