React로 프로젝트를 하다 보면 Prettier로 코드 포맷을 맞추고, Tailwind CSS로 스타일을 작성하게 됩니다. 두 도구를 그냥 쓰면 className 안에 나열한 Tailwind 클래스 순서가 제각각이라, 저장할 때마다 Prettier가 순서를 바꿔서 의미 없는 diff가 많이 생깁니다.Prettier와 Tailwind를 같이 쓰면서, Tailwind 권장 순서로 클래스를 자동 정렬하는 설정을 정리해 봤습니다.ESM 프로젝트에서 Prettier 설정 파일을 둘 때 겪을 수 있는 문제와 해결 방법도 포함했습니다.Prettier는 코드 정리 도구보다 프로젝트 내부의 표현 방식 통일로 이해하자.Prettier는 보통 “들여쓰기/따옴표/세미콜론 같은 코드 정리 도구”로만 생각하기 쉬운데, 실제로는..
