hoho

tailwindCSS를 세팅하기 전에 tailwindCSS가 무엇인지 알고 싶다면 아래의 문서를 확인해주세요 TailwindCSS란? 1. tailwindCSS 설치 tailwind를 설치하기 위해 아래의 라이브러리들을 설치합니다. npm install -D tailwindcss@latest postcss@latest autoprefixer@latest 참고로 Autoprefixer를 설치를 하면 css 속성의 vendor-prefix를 접속하는 브라우저에 따라 자동으로 붙여줍니다. Tailwind CSS를 사용하게 위해서는 Node.js 버전이 12.13 이상이여야 합니다. cmd 창이나 터미널 창에 node 버전을 확인해 봅니다. 2. tailwindCSS inteillisense를 추가해주자.(자동..

Tailwind CSS는 지금으로부터 약 2년전 1.0 버전 출시 후 현 버전인 2.0으로 업데이트 되기까지 다양한 기능들이 생겼습니다. Tailwind CSS란? Tailwind CSS는 utility-first css framwork로 정의되어집니다.. 즉, utility-first css framwork는 CSS 클래스 및 도구를 제공하는 유틸리티 우선 CSS 프레임워크로, 웹 사이트나 응용 프로그램의 스타일을 쉽게 시작할 수 있도록 합니다. Taildwind는 각각 솔루션에 초점을 맞춘 다양한 CSS 클래스를 제공합니다. Tailwind CSS 문서에서 예시를 가져와 Tailwind CSS가 어떤 프레임워크인지 이해해봅시다. 전통적인 CSS방법과 Tailwind CSS의 예시 다음과 같은 박스를 ..