Cutesy가 Django 템플릿까지 HTML을 정리한다

Cutesy는 Django 템플릿까지 HTML을 자동 정리하는 포매터(formatter) 겸 린터(linter)입니다. 들여쓰기와 줄바꿈, 태그 속성(attribute)을 다듬고 TailwindCSS 클래스(class)도 정리합니다. 템플릿 문법을 피하지 않고 까다로운 구간까지 다룬다는 점이 반갑습니다.

HTML의 의미에 맞는 요소를 고르는 이야기와 Cutesy의 자동 정리는 서로 다른 층위입니다. 하나는 콘텐츠의 역할을 태그에 담고, 다른 하나는 Django 템플릿의 형식을 다듬습니다. 읽고 유지하기 쉬운 마크업을 만든다는 공통점으로 이어집니다.

HTML의 모양만 다듬던 범위를 넘어 Django 템플릿과 TailwindCSS 클래스까지 같은 실행에 넣을 수 있습니다. AlpineJS와 HTMX를 쓰는 HTML도 처리하니, 이 조합을 쓰는 프로젝트에서 정리 작업을 따로 떼어 놓을 이유가 줄어듭니다.

Python 3.12 이상이 필요해 버전이 낮은 프로젝트는 실행 환경부터 맞춰야 합니다. JSX·TSX와 독립된 JavaScript·CSS 파일은 지원 대상이 아닙니다. 따라서 프런트엔드 파일 전체를 한 도구로 정리하려는 팀에는 범위가 좁습니다. Django 템플릿과 HTML이 주 작업인 저장소라면 이 차이가 선택에 직접 영향을 줍니다.

Python 3.12 이상에서 cutesy "templates/**/*.html" --fix를 실행하십시오. Django 템플릿과 TailwindCSS까지 정리하려면 여기에 --extras=[django,tailwind]를 붙이십시오. 실행 뒤 화면과 스타일을 확인하고, 같은 명령을 다시 돌려 변경이 반복되는지 살펴보십시오.

템플릿을 자동 정리한 뒤 문법이나 화면이 깨질까 걱정해 변경을 되돌린 적은 언제입니까?