본문 바로가기 메뉴 바로가기

회고

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

회고

검색하기 폼
  • 분류 전체보기 (50)
    • Programming (34)
      • PHP (2)
      • Javascript (9)
      • React (5)
      • Algorithm (15)
      • Next.js (1)
    • Web (3)
      • HTML (0)
      • CSS (1)
    • Development Tools • Systems (8)
      • CLI (명령 줄 인터페이스) (2)
      • Git (버전 관리 시스템) (4)
      • FIgma(디자인 시스템) (0)
    • Developemnt Environment (2)
      • Node.js (JS runtime) (0)
      • Visual Code (IDE) (2)
    • Markup (1)
    • 기타 (1)
      • 운전면허 (1)
      • TiL (0)
  • 방명록

Web/CSS (1)
[Tailwind CSS] Tailwind CSS v4.1에서 PostCSS 사용하기

서론평소처럼 Tailwind CSS와 추가 플러그인을 설치해서 사용하다가, h-[]등 일부 클래스가 적용되지 않는 문제가 발생했다..문제 원인은 Tailwind CSS v4.1의 구성과 Tailwind CSS 3의 구성을 혼용했기 때문이었고, v4.1에 맞는 구성을 사용하여 해결했다. 생각해보니 올해 초에 비슷한 문제를 겪었었던 것 같은데, 또 실수를 반복한 것 같다. 따라서 이것을 계기로 postCSS란 무엇인가, 어떻게 작동하는가. Tailwind CSS v4.1에서는 PostCSS 를 어떻게 구성하는가에 대해 정리해보려고 한다..PostCSS란 무엇인가PostCSS는 JavaScript를 사용해 CSS를 변환하는 도구이다. "Post-(이후에)"라는 접두사가 말해주듯, CSS가 작성된 후에 그 코드..

Web/CSS 2025. 9. 21. 00:42
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/10   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바