[CSS] Tailwind 후기

tailwindcss는 간단한 설정을 마친 뒤 지원하는 class name을 사용하면 해당 style이 적용되는 도구입니다.

 

장점

• 기존에 style을 적용하기 위해서 고민하던 class name에 대한 고민이 줄어든다는 점입니다. class name을 통해 style을 지원하기 때문에 기존에 고민하던 부분이 사라집니다.
• 익숙해진 경우 빠른 style 적용 가능합니다. 또한 VSCode를 사용하는 경우 Extension을 사용하면 자동 완성이 도와주기 때문에 더 빠른 작업이 가능합니다.

단점

• inline css를 사용하는 것처럼 html 태그 내부 class name이 길어지기 때문에 html 문서의 가독성이 떨어진다는 단점이 있었습니다.
• 익숙해지는데 시간이 좀 걸립니다.

 

가이드를 따라 설정하고 간단하게 Tailwindcss를 사용해 보시기 바랍니다.

 

참고

tailwindcss