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의 예시 다음과 같은 박스를 ..
- Total
- Today
- Yesterday
- var
- js syntax
- C
- 모닝독서
- opencv
- QT
- SQL
- yocto
- Til
- JSON
- 스타벅스
- 오늘의 공부
- Kernel
- variable
- 재미있는
- 라즈베리파이
- JS
- NestJS
- tailwindcss
- 미라클모닝
- Linux
- Python
- 초아
- tailwind
- 자바스크립트
- CSS
- JavaScript
- 포인터
- 20.03.11.(목)
- raspberrypi
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |