💻
개발자 도구
개발자 도구
불러오는 중…
JavaScript 정리·압축 기능
JavaScript Formatter · JS Minifier — 들여쓰기가 맞지 않는 JavaScript를 보기 좋게 정리(Beautify)하거나, 변수명 단축·공백 제거로 파일 크기를 줄입니다(Minify). 정리는 js-beautify, 압축은 Terser를 사용해 고품질 결과를 제공합니다. 결과를 즉시 복사할 수 있습니다.
사용 방법
① 정리하거나 압축할 JavaScript를 입력창에 붙여넣습니다. ② '정리하기' 또는 '압축하기' 버튼을 클릭합니다. ③ 결과가 하단에 표시됩니다. ④ 복사 버튼으로 결과를 클립보드에 저장합니다.
이런 때 사용하세요
• 외부 라이브러리 코드를 디버깅하기 위해 읽기 쉽게 변환할 때 • 프로덕션 배포 전 JavaScript를 최소화해 번들 크기를 줄일 때 • 코드 리뷰 전 들여쓰기를 일관되게 정리할 때 • 스니펫 코드의 가독성을 높일 때
자주 묻는 질문
- Q. ES6+ 문법도 처리할 수 있나요?
- A. 네, 화살표 함수, 비구조화 할당, 템플릿 리터럴 등 최신 JavaScript 문법을 지원합니다.
- Q. 압축 시 변수명도 바뀌나요?
- A. Terser 기본 설정으로 지역 변수명이 단축될 수 있습니다. 전역 변수명은 유지됩니다.
- Q. TypeScript도 처리할 수 있나요?
- A. 정리(Beautify) 기능은 TypeScript 문법도 어느 정도 처리하지만, 완전한 지원은 아닙니다. TypeScript 전용 도구를 권장합니다.
- Q. JavaScript Minifier에서 ES6+ 문법(화살표 함수, 클래스 등)도 지원되나요?
- A. 네. Terser 라이브러리를 사용하므로 ES6+ 최신 문법을 완전히 지원합니다. 화살표 함수, 구조분해 할당, async/await 모두 정상 처리됩니다.
- Q. 압축 후 코드 가독성이 떨어질 때 다시 정리(Beautify)할 수 있나요?
- A. 네. Minify된 코드를 다시 붙여넣고 Beautify를 실행하면 들여쓰기가 복원됩니다. 단, 압축 시 제거된 변수명·주석은 복구되지 않습니다.