지금까지 css, styled-components만 계~속 썼었다.
우연히 공부해볼 기회가 생겨서 Tailwind에 대해서 우선 간단하게만 알아보기로 한다.
사실 예전에 한번 봤을때 클래스 이름이 너무 길어서 깔끔하지 못하다는 인상을 받았었는데..
이참에 장점을 알아봐야지~~~
공식 홈페이지
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Documentation for the Tailwind CSS framework.
tailwindcss.com
장점
1. Utility-First를 지향하는 CSS프레임워크이다.
2. 안쓰는 스타일은 빌드시 제거해준다.
3. 결과물이 빠르게 나온다
4. 직관적으로 코드를 읽을 수 있다.
단점
1. 가독성이 떨어진다.
2. 러닝커브가 있다.
3. 스타일 재사용이 어렵다. (이건 반복문을 통해 개선할 수 있다.)
끄읕!
'Frontend > CSS' 카테고리의 다른 글
| min-width, max-width정리 (0) | 2023.05.30 |
|---|---|
| 부트스트랩 에러 ✘ [ERROR] Could not resolve "@popperjs/core" (0) | 2023.05.17 |
| Antd (Ant Design) CSS 간단하게 정리해보자 (0) | 2023.03.18 |
| CSS 전처리기 종류와 특징을 정리해보자 (0) | 2023.03.18 |
| 영어 -> 한국 으로 처리시 한국어가 세로로 나올때 (0) | 2022.06.02 |