[TIL] tailwindcss v4 강좌 (유데미)

tailwindcss 에도 공부할 게 좀 있더군요. 다음 강좌를 들었습니다. 4시간 정도의 짧은 컨텐츠입니다.

https://www.udemy.com/course/tailwind-css-zero-to-hero

다음과 같은 사이트를 tailwindcss 로만 만드는 내용입니다.

https://starter-six-lyart.vercel.app/

뭔가 수공업적인 작업을 많이 해 볼 수 있어서 재미있습니다. 스크립트는 클릭 핸들러 말고는 없습니다.

배운 팁

• tailwindcss intellisense 가 매우 강력하다 (거의 모든 스트링으로 자동완성을 해 주네요.)
  

  

• prettier-plugin-tailwindcss 를 사용하면 클래스를 정렬해 준다
  루트에 .prettierrc 를 만들고 다음 내용을 넣을 것
  

  {

  "plugins": ["prettier-plugin-tailwindcss"]

  }