4 TOUR OF TAILWIND -4 (Dark Mode, Just In Time Compiler )

4.11 Dark Mode

dark:

darkMode를 class로 하면 code 설정에 따라 = 수동

 

부모에 dark하면 자식들이 dark된다. 즉 이게 수동적으로 수정 하는 법

수정으로 할거면 html이나 body 같은 최상위 요소에 dark 클래스 추가 하면 되는거지

4.12 Just In Time compiler
tailwind 3.0전에는,
purge 작업이 필요했음. 매우 큰 css 파일에서 사용하지 않는 css의 클래스 네임을 삭제 함.
근데 이젠 css파일이 빈 상태에서 시작함.
JIT 컴파일러 사용함으로써 실시간으로 사용하려는 클래스를 생성함.
그래서 클래스끼리 조합이 가능한거다.

많은 reset들이 있는데 아래 처럼 설정해서 그럼

그러나 tailwind의 가장 좋은점은!

tailerwind에서 벗어나고 싶으면
what if I want to break free from the restrictions of taliwind?
예전엔 다음 처럼 했었어야 한다.<h1 style={{fontSize:800}}/>

근데 이제 다음 처럼 됨
text-[98213px]
text-[#000]

쩌네

근데 배경화면 이미지 할 때가 최고다.
bg-[url('/vercel.svg')]

<div className="text-[948px] bg-[url('/vercel.svg')]"></div>

클래스 네임으로 css를 한다.

아 버스기사 아저씨 운전 너무 못한다. 토할거같네