일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 알고리즘
- SvelteKit
- 자료구조
- Introduction to Algorithms
- webpack
- 블록체인
- svelte
- 2세대 암호화폐
- 프론트
- 도커
- React Hook Form
- 그림으로 공부하는 IT 인프라 구조
- vscode
- velog
- vite
- 우선 순위 큐
- 리액트 훅 폼
- 힙 정렬
- Java
- Bio-O-Notation
- 3세대 암호화폐
- 밸리데이션
- 퀵 정렬의 성능
- nextjs
- 계수 정렬
- Nestjs
- 점근 표기법
- tailwindcss
- 스마트 컨트랙트
- 리액트
Archives
- Today
- Total
목록tailwindcss (1)
ki hyun's 개발블로그
TailwindCSS 사용하기
🧐 Tailwind CSS? Tailwind CSS는 이름에서 부터 알 수 있듯이 CSS Framework 입니다. 하지만 Bootstrap과 같은 다른 CSS 프레임 워크들과는 다르게 Tailwind CSS는 디자인의 커스터마이징이 아주 편합니다. 공식문서에 있는 예제를 하나 들고 와서 설명해보겠습니다. 원래는 디자인을 하기위해 다음과 같이 긴 CSS를 사용했지만 Tailwind CSS를 사용한다면 저렇게 길었던 CSS를 다음과 같이 줄일 수 있습니다. 코드가 놀랍도록 줄어들었지만 class 이름이 좀 많이 더러워 보입니다. 하지만 Tailwind CSS는 이러한 문제도 이미 해결해 두었습니다. @apply라는걸 사용하면 되는데 @apply에 대해서는 뒤에 자세히 설명하도록 하겠습니다. 설치 Tailw..
프론트
2022. 5. 30. 20:12