tailwind 까는 글

사용하면 할수록 개떡같은 tailwind..

1. 설정이 필수

확장프로그램 없으면 사용이 불편

- 문법힌트,

- 순서 정렬,

- 길어진 classname ... 으로 보여주게 하는

기본단위 rem이라 px로 설정하는게 필요

2. classname

2-1. 의미없는 classname

시멘틱 태그를 말하는것이 아닌 classname자체로도 이게 어떤 용도인지 알면 개발에 도움이 되는데 그러지 않음.

apply로 네이밍 하면되지 않냐? -> apply까는건 바로 다음 항목

2-2 classname관리

inline-flex items-center rounded-full border border-transparent bg-indigo-600 px-6 py-3 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2

버튼 하나에 이렇게 긴 classname을 가지고있고, @apply로 묶을수있지만 @apply를 관리하는 파일은 1개이고, (1개이다 보니 이렇게 긴 코드를 apply로 써야할지 판단도 애매해지고, 여러 사람이 작업시 충돌날 위험도 오름)

만약 컴포넌트 마다 파일을 추가하게 된다면 scss를 쓰는것과 별다를바가 없고

2-3 수정 및 유지보수

누군가가 화면상에서 여기 이 부분 위 간격 이만큼 늘려주세요 라고 요청한다면,

긴 classname중 mt가 있는지 일단 한번 다 훑어서 찾아야 함.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

tailwind 문법 배울 시간에 수동으로 치는게 훨씬 빠름

자주 사용하는게 tac, bd, df, poa 등

생산성도 안좋고, 유지보수도 안좋고, 관리도 안좋은데 그런데도 쓰는거 보면 개답답함