브라우저에서 동작하는 JavaScript 압축(uglify) 및 정리(beautify) 도구입니다. 빌드 파이프라인을 세팅하지 않고도 빠르게 한 번씩 변환이 필요할 때 유용합니다.
압축이 필요한 순간
압축은 공백을 제거하고 식별자를 짧게 줄이며 주석을 삭제합니다. 결과는 보통 30~60% 작아지고 파싱 속도도 빨라집니다. 운영 번들, 임베드 스니펫, 인라인 스크립트에 유용합니다. 원본은 반드시 버전 관리하세요. 소스맵 없이는 압축 코드를 디버그하기 매우 어렵습니다.
정리가 필요한 순간
정리는 공백과 들여쓰기를 복원해 압축 코드를 읽기 좋게 만듭니다. 서드파티 라이브러리 분석, 벤더 스크립트 디버그, 다운로드한 코드 점검에 사용합니다. 단, 변수명은 복원되지 않습니다. 압축기가 한 글자로 치환한 정보는 사라진 채입니다.
FAQ
- ES 모듈도 압축되나요?
- 네. 최신 압축기는 import/export 구문을 그대로 보존합니다. 모듈과 일반 스크립트 코드를 한 번에 압축하지 마세요.
- 구형 브라우저에서 동작하나요?
- 압축은 문법을 보존할 뿐 트랜스파일하지 않습니다. IE나 구형 사파리 호환이 필요하면 Babel 또는 SWC로 먼저 변환한 뒤 압축하세요.
