목록테일윈드시작하기 (1)

Project.log

Tailwind CSS 환경설정 및 사용하기

Tailwind CSS란? Tailwind CSS는 Utility-First 컨셉을 가진 CSS 프레임워크이다. Bootstrap프레임워크와 비슷하게 생겼으며 HTML 코드 내에서, CSS 스타일을 만들 수 있게 해주는 CSS 프레임워크 입니다. 1. Next.js 프레임워크 환경만들기 npx create-next-app wind Next.js 프레임워크를 사용해서 이안에 적용해보겠습니다. 위코드를 입력해서 wind라는 프로젝트를 생성해서 해보겠습니다. 위 프로젝트명(wind)는 예시이므로 원하는 이름으로 만드시면 되겠습니다. 2. 시작하기 npm install -D tailwindcss postcss autoprefixer Tailwindcss와 크로스브라우징을 대응 해주는 postcss autopre..
CSS 2022. 10. 23. 14:29
이전 Prev 1 Next 다음