Frontend/CSS

Tailwind CSS 간단하게 훑어보기

섕걍 2023. 3. 21. 13:05

지금까지 css, styled-components만 계~속 썼었다.

우연히 공부해볼 기회가 생겨서 Tailwind에 대해서 우선 간단하게만 알아보기로 한다. 

 

사실 예전에 한번 봤을때 클래스 이름이 너무 길어서 깔끔하지 못하다는 인상을 받았었는데..

이참에 장점을 알아봐야지~~~

 

공식 홈페이지

https://tailwindcss.com/

 

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. 스타일 재사용이 어렵다. (이건 반복문을 통해 개선할 수 있다.)


끄읕!