tailwindcss 반응형 (1) 썸네일형 리스트형 TailwindCSS 튜토리얼로 만드는 첫 반응형 웹사이트 웹표준에 맞춘 반응형 웹사이트를 처음부터 완성해보는 TailwindCSS 튜토리얼입니다. 이 글에서는 모바일 퍼스트 접근으로 TailwindCSS의 유틸리티 클래스를 활용해 헤더, 히어로 섹션, 카드 그리드, 푸터까지 순차적으로 구현하는 방법을 단계별로 소개합니다.1. 프로젝트 초기 설정CDN 방식 (빠른 테스트) 별도 빌드 없이 바로 TailwindCSS 사용 가능.학습용, 프로토타입에 적합.NPM 방식 (실무 프로젝트)npm install -D tailwindcss postcss autoprefixernpx tailwindcss init -ptailwind.config.js에 content 경로 설정:module.exports = { content: ["./**/*.{html,js}"], theme.. 이전 1 다음
