개발자 도구

코드 포맷터

코드를 읽기 좋게 정리하거나, 배포용으로 최소화합니다.

코드 포맷터 내 기기에서 실행

브라우저에서 실행됩니다 — 입력한 텍스트는 어디로도 전송되지 않습니다
가입 불필요, 사용량 제한 없음, 원하는 만큼 무료로 사용

작동 방식

최소화된 코드는 일부러 읽기 어렵게 되어 있고, 손으로 쓴 코드는 들여쓰기가 일정하지 않은 경우가 많습니다. 두 문제는 같은 도구로 해결되며, 어느 쪽도 비공개 소스를 낯선 웹사이트에 붙여 넣을 이유가 되지 않습니다.

코드 정리

JavaScript, CSS, HTML에 들여쓰기와 줄바꿈을 넣어 일관된 스타일로 만듭니다. 최소화된 라이브러리 코드를 읽거나, 다른 곳에서 붙여 넣은 코드를 정리하거나, diff를 읽기 쉽게 만들 때 필요합니다. 언어는 직접 지정하지 않으면 자동으로 감지됩니다.

최소화와 각 모드가 실제로 하는 일

JavaScript는 실제 파서로 최소화하며, 이름을 안전하게 줄이고 사용되지 않는 코드를 제거합니다. CSS와 HTML은 보수적으로 최소화합니다. 주석을 지우고 공백을 합칠 뿐 이름을 바꾸거나 구조를 바꾸지 않습니다. 어떤 입력에도 안전하지만, 전용 빌드 도구보다 줄어드는 양은 늘 적습니다. 빠르게 크기를 줄이기 위한 것이며 번들러를 대체하려는 것이 아닙니다.

깨진 코드는 고칠 수 없습니다

정리와 최소화 모두 입력이 구문 분석되어야 합니다. 올바르지 않은 JavaScript는 추측해서 고치지 않고 오류로 알려 드립니다. 코드를 고치는 포맷터는 코드의 동작을 바꾸기 때문입니다.

로컬에서 실행되는 이유

소스 코드는 대개 누군가의 자산이고, 자주 고용주의 것이며, 키와 엔드포인트가 들어 있는 경우도 많습니다. 포맷하는 데 업로드가 필요해서는 안 됩니다.

자주 묻는 질문