반응형 TAILWIND2 tailwindcss 적용 tailwind 설치모듈 설치/src/main/resources/static 경로에 tailwindcss@3 설치npm install -D tailwindcss@3npx tailwindcss init설정 파일 생성 /src/main/resources/static 경로에 tailwind.confing.js 파일 생성 /** @type {import('tailwindcss').Config} */ export default { // content 부분에 tailwind가 적용될 경로 입력 content: ["../templates/*.{html,js}"], theme: { extend: {}, }, plugins: [], }기본 CSS 파일 생성/src/main/resourc.. 2025. 3. 4. tailwind CDN 설정 CDN 설정 html파일의 head부분에 tailwind CDN을 추가 예제 CDN을 추가하고 텍스트 크기를 font-size: 1.875rem; 30px line-height: 2.25rem; 36px, 볼드체, 밑줄로 나오도록 h1 클래스 설정 Hello world! 2024. 4. 2. 이전 1 다음 반응형
