TailwindCSS 이거 좋은 거 맞나요?

Question

요즘 TailwindCSS가 대세라고 해서 템플릿 좀 보고 있습니다.그런데, 제대로 된 디자인이면 엘리먼트 하나당 class가 2~3줄씩 들어가는데요. 이럴거면 그냥 인라인스타일 쓰는 게 더 나을 거 같은데요.정말 이게 요즘 대세가 맞나요?암만 봐도 좋은 구석이 안 보이네요.

하얀뼈 · Answer

text-align: center; 가 text-center로 바꿔지니깐 뭐 줄어든다면 줄어들겠죠.그리고 웹접근성 점수 통계 사이트에 따라 인라인 태그를 접근성 점수에서 감점시키는 곳도 많습니다.(저도 퍼블하지만 정확한 이유는 모르겠음...)

yeori · Answer

과유불급이라고 하죠. 기본적인 디자인을 잡아놓고 padding 이나 margin을 지정해주는 식은 유용해보입니다(배경색을 먹이거나)가끔 padding을 다르게 먹이거나 아래쪽 margin 을 빼야할때도 있고, 이거 일일이 class 지정하는 것도 성가시죠(특히 폼같은거). 이럴때는 tailwind로 발라버리면 되니까 편하긴한데...html 트리 구조를 잘못 잡아서 벌어지는 문제를 해결하는 수단으로 잘못 쓰기가 좋아보인다는 생각이 들긴 합디다.문서 구조를 정리해서 깔끔 하게 코드를 개선해야 하는데, 기냥 발라버려서 땜질하는 식으로 대응할 수가 있습니다.그래서 전 안씁니다.

doru · Answer

규모가 작은 사이트면 모를까 규모가 크면 클수록 힘들어질텐데.. 왜 대세인지 전혀 모르겠음...

HJOW · Answer

그냥 html 소스 그대로 두고 css 파일만 바꿔서 사이트 테마 전체를 한번에 교체할 수 있다는 장점 아님?요새 다크모드 지원하는 게 대세니까요

세브라이드 · Answer

저는 그래서 &#64;emotion씁니다 ㅎㅎTailwindCSS의 장점은클래스 네임 기반이라 그 어떤 라이브러리, 프레임워크와도 호환된다는 것(React, Svelte, HTML...)padding, color, shadow 등등 본디 linear한 값들을 enum하게 관리하고, 이로 인해 디자인 시스템 확립에 도움을 준다는 점이 두개고, 이 두개의 장점을 활용하지 않는 곳에서는 (이미 디자인 시스템이 있거나 디자인 시스템이 없는 곳, React에서만 호환되기만 하면 되는 곳 등) 굳이 tailwind를...? 라는 생각이 들더라고요. ㅎㅎ

새벽잎 · Answer

코딩의 기본인 중복을 피한다는 철칙을 어겼다는 점에서 이미 빵점자리 아이디어에요. 실제로 서비스에 적용해보면 끔찍하기 그지없는 기술입니다.가장 최악인 점은 지금 보고있는 코드가 웹상에서 어디에 위치한 엘리먼트인지 파악하지 못한다는 점이죠.

TailwindCSS 이거 좋은 거 맞나요?

6개의 답변

Q&A 목록