2026-05-18 · 1분 읽기
게시 전 HTML 포맷하기
읽기 쉬운 마크업은 중첩 오류를 일찍 잡고 PR 리뷰를 빠르게 합니다.
HTML프론트엔드워크플로
핵심 요점
- 리뷰용으로는 포맷하고, 바이트 크기가 중요할 때만 릴리스 단계에서 minify하세요.
- 포맷 후 diff에서 닫히지 않은 태그와 속성 따옴표를 눈으로 확인하세요.
포맷이 도움이 되는 경우
HTML이 생성되거나 CMS 내보내기에서 복사되거나 partial이 병합될 때 포맷을 사용하세요 — 들여쓰기가 형제/중첩 오류를 분명히 합니다.
개발 중 aggressive minification은 피하세요. 리뷰어는 구조가 필요하지 한 줄 덩어리는 필요 없습니다.
권장 워크플로
마크업을 HTML Formatter에 붙여넣고 beautify를 선택한 뒤 diff에서 잘못된 닫는 태그를 확인하세요.
페이지에 사용자 생성 조각이 포함되면 임베딩 전에 샘플에 HTML entity encoding을 실행하세요.
자주 묻는 질문
포맷하면 페이지 동작이 바뀌나요?
태그 사이 공백은 보통 영향이 없지만, 스크립트와 인라인 핸들러는 스테이징 빌드에서 반드시 확인하세요.
이메일 HTML도 같은 방식으로 포맷해야 하나요?
메일 클라이언트는 까다롭습니다 — 템플릿은 별도로 테스트하세요. 웹 페이지 포맷 규칙이 그대로 적용되지 않을 수 있습니다.