inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

컨테이너(Container)

tailwindcss v4.1 에서의 script 사용에 대해 궁금한 점이 있습니다.

83

승현

작성한 질문수 1

1

컨테이너(Container) 강의 중 6분 59초에 나오는 <script> 시멘틱 태그 안에 작성된 tailwind.config 는 최신 버전에서 작동하지 않는데 어떻게 하면 사용할 수 있나요?

HTML/CSS javascript 반응형-웹 tailwindcss

답변 1

-1

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 승현님, TailwindCSS v4.1에서 <script> 태그를 사용할 때 발생하는 문제에 대해 질문 주셨네요. 최신 버전의 TailwindCSS에서는 tailwind.config를 사용할 때 몇 가지 변경 사항이 있을 수 있습니다.

  1. TailwindCSS 구성 방법: 최신 버전에서는 JavaScript로 구성된 TailwindCSS 설정을 사용할 때, 단순히 <script> 태그 안에 작성하는 방식 대신, 별도의 설정 파일(tailwind.config.js)에서 관리하는 것을 권장하고 있습니다. 따라서, <script> 태그 내부에 TailwindCSS 설정을 직접 작성하기보다는 다음과 같은 방법을 사용하는 것이 좋습니다.

  2. CDN 설정 방식: 만약 CDN을 사용한다면, <script> 태그로 TailwindCSS를 불러올 때, 추가적인 사용자 정의 설정(tailwind.config.js 파일에)은 적용되지 않기 때문에, TailwindCSS의 전체 프로젝트 설정을 npm과 같은 패키지 매니저를 통해 관리하시는 것이 일반적입니다.

여기에서 관련된 질문 링크 몇 가지를 참고하시기 바랍니다:

이러한 방법들로 TailwindCSS 프로젝트를 설정해 보시고 필히 최신 공식 문서도 참조하시는 것을 권장합니다. TailwindCSS 공식 문서에서는 각 버전별로 사용법과 변경 사항을 확인하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

검색엔진 차단 noindex

0

3

1

섹션2퀴즈는어디있나요?

0

11

0

파트9 강의는 언제 오픈하시나요

0

18

2

ZIP 파일

0

21

2

26강 13F 강의 불일치 및 질문 요청

0

25

3

state 객체로 묶기

0

19

0

XAMPP에서 Apache, DB 재기동 시 접속안되는 문제

0

17

1

Breadth (등락 비율) 분석

0

22

1

26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.

0

29

2

몽고 db 접속 오류

0

20

1

6-6

0

30

1

확장 프로그램 설치 및 최적화 버전 문의

1

97

2

tailwindcss 와 ai tool

0

68

1

tailwindcss 4.1 docs에서는 container가 목록에서 안보이네요

0

72

2

quasar와 tailwind 조합에 관한 질문

0

97

1

실습에 사용되는 이미지

0

102

2

모바일 사이즈에 대해 질문있습니다.

0

75

1

nested 리스트일때 <ul> bullet 스타일 바꾸는 방법

0

199

2

via.placeholder.com 오류

0

816

2

빈 화면에서 tail 만 쳤을때 팝업도움말 나오게 하는 법 알려주세요.

0

117

2

tailwind.config.js 파일을 통해 다크 모드 설정시 적용이 되지 않습니다.

0

281

1

수강평 이벤트

0

135

2

font-weight가 왜 적용이 안될까요?

0

399

3

스니펫 관련질문

0

130

1