JS/CSS 포맷터

이 도구가 유용했나요? 댓글을 남기거나 팁을 공유하거나 개선할 점을 알려주세요.

이 도구의 기능

압축되었거나 들여쓰기가 엉망인 JavaScript나 CSS를 붙여넣고 들여쓰기 스타일을 선택하면, 이 도구가 일관된 들여쓰기와 줄바꿈을 가진 읽기 쉬운 코드로 다시 포맷합니다.

작동 방식

이 도구는 코드를 토큰(키워드, 괄호, 연산자, 문자열)으로 분석한 다음, 중첩 깊이에 따라 새로운 줄바꿈과 들여쓰기로 해당 토큰들을 다시 출력합니다. JavaScript와 CSS 각각에 오픈소스 js-beautify 엔진을 사용합니다. 기본 토큰과 그 순서는 절대 변경되지 않으며, 주변의 공백만 변경됩니다.

해결하는 문제

• 한 줄로 압축된 JS나 CSS 파일을 디버깅이나 검토를 위해 다시 읽기 쉽게 만들기.
• 파일 전체에서 일관되지 않은 들여쓰기(탭과 공백 혼용, 일관되지 않은 너비)를 정리하기.
• 압축된 상태로 제공되는 타사 또는 공급업체 코드를 빠르게 확인하기.
• 프로젝트 스타일 가이드에 맞춰 2칸 공백, 4칸 공백, 탭 들여쓰기 사이를 변환하기.

자주 묻는 질문