Tailwind CSS

• 반응형 웹사이트 만들 때는 px 보다 % 가 적합하다. (px는 화면크기를 조정했을 때 화면에 맞게 글씨가 이동하지 않음)

• 다음은 자주 쓰는 설정

justify-center        컨테이너 가운데 정렬
items-center          버튼 안에 text center 정렬
hover:text-white
flex flex-col         가장 바깥 div에 이렇게 적어주고 안쪽 div들엔 flex만 적어주면 column정렬 된다
flex flex-row

font-extrabold
font-black            가장 진한 font 설정

m-숫자                 margin (바깥 공간)
p-숫자                 padding = inner margin (박스 안쪽으로 얼마나 마진 둘지 정할 때 사용)
mr, ml, mt, mb        margin 우, 좌, 상, 하
pr, pl, pt, pb        padding 우, 좌, 상, 하

Tailwind CSS 에 대해 느낀 점

장점이라고 생각하여 프로젝트에 사용한 이유

• 별도의 .css 파일을 만들지 않고 코드 짤 때 바로바로 확인 가능 (간편한 사용)
• Tailwind CSS 많이 도입하는 추세 (trend). 써보고 싶었음.

단점이라고 느낀 포인트

근데 보는 입장에서, 가독성이 많이 떨어져서 불편하다는 걸 느꼈다.
따라서, 협업 시 유지보수가 어렵다는 점이 단점이라고 생각한다.