환경세팅1 [Tailwind CSS] React+Vite 환경에 설치, 그런데 적용이 안됨. 왜죠? Tailwind CSS 공식문서를 보면 설치 방법이 나와있다.다만 순서대로 진행했는데도 불구하고 스타일이 적용이 안 되는 이슈가 있다.왜 적용이 안 되는 가를 찾아내려면, 동작 방식을 이해해야겠단 생각이 들었고 정리해 보면 아래와 같다. 1. 설정 파일 생성npx tailwindcss init 명령어를 통해 tailwind 설정 파일(tailwind.config.js)을 생성할 수 있다. Tailwind는 설정된 파일들을 스캔하여 클래스 이름을 추출하고, 이를 기반으로 최종 CSS 파일을 생성한다. 설정된 파일의 경로를 제대로 기입하지 않으면 사용한 클래스가 인식되지 않아 스타일이 적용되지 않을 수 있다. 아래와 같이 프로젝트 경로와 맞게 content 배열에 스캔할 파일 경로를 정확히 지정해 주면 된다.. 2024. 5. 22. 이전 1 다음
