JavaScript 압축기(Minifier)
주석과 공백을 안전하게 제거해 JavaScript를 압축합니다. 필요한 줄바꿈은 유지하고, 문자열과 정규식은 건드리지 않으며 줄어든 바이트를 보여 줍니다.
주석 2개를 제거하고, 라이선스 주석 1개는 유지했습니다.
공백과 주석만 제거합니다. 변수 이름을 줄이거나 코드를 다시 쓰지 않으므로 결과의 동작은 동일합니다.
JavaScript를 압축하면 브라우저에 필요 없는 주석, 들여쓰기, 공백이 사라져 스크립트를 더 빨리 내려받습니다. 이 압축기는 토큰 단위로 동작하며, 공백과 주석만 제거할 뿐 코드를 다시 쓰지 않고, 코드가 자동 세미콜론 삽입에 기대는 곳에서는 줄바꿈을 유지합니다. 그래서 출력은 입력과 똑같이 동작합니다. 압축 전후 크기는 바이트로 보여 줍니다.
사용 방법
- JavaScript를 상자에 붙여 넣으면 압축된 코드가 바로 나타납니다.
- 반드시 유지해야 하는 저작권 고지가 코드에 있다면 /*! 라이선스 주석 유지를 켜 둡니다.
- 크기와 절감률을 확인합니다.
- 압축된 코드를 .min.js 파일에 복사합니다.
계산식
절감 % = (원본 바이트 − 압축 후 바이트) ÷ 원본 바이트 × 100
크기는 UTF-8 바이트 기준입니다. 공백은 두 토큰이 합쳐질 때만 남깁니다(return x, a + +b, /re/ in o). 줄바꿈은 한 문장이 세미콜론 없이 끝나고 다음 문장이 (, [, +, -나 이름처럼 이어질 수 있는 것으로 시작할 때 남깁니다.
예시
예제 장바구니 도우미는 364바이트입니다. 일반 주석 두 개와 들여쓰기를 제거하면 259바이트로 약 29% 줄어들며, /*! 라이선스 줄과 템플릿 리터럴은 쓴 그대로 남습니다. 변수 이름을 바꾸고 gzip까지 적용하는 번들러라면 더 많이 줄일 수 있습니다.
자주 묻는 질문
Terser나 esbuild보다 결과가 큰 이유는 무엇인가요?
그런 도구는 지역 변수 이름을 바꾸고, 쓰이지 않는 코드를 지우고, 식을 다시 쓰기도 합니다. 이 도구는 공백과 주석만 제거하므로 빠르게 붙여 넣어 쓰기에는 더 안전하지만 크기는 덜 줄어듭니다.
일부 줄바꿈이 남아 있는 이유는 무엇인가요?
세미콜론이 없으면 줄바꿈이 문장을 끝낼 수 있습니다. return과 다음 줄을 잇거나, 둘째 줄이 (로 시작하는 두 줄을 합치면 코드의 동작이 바뀌므로 그 줄바꿈은 유지합니다.
최신 문법도 처리하나요?
네. 화살표 함수, 클래스와 비공개 #필드, 옵셔널 체이닝, 템플릿 리터럴, BigInt, 정규식 플래그를 처리합니다. TypeScript와 JSX는 지원하지 않습니다.
내 코드가 업로드되나요?
아닙니다. 압축은 브라우저에서 이뤄집니다.
출처
최종 업데이트:
이 입력값이 담긴 페이지 주소: https://kakao.mobile/ko/tools/javascript-minifier/
인용·퍼가기
kakaoCalc. (2026, November 8). JavaScript 압축기(Minifier). https://kakao.mobile/ko/tools/javascript-minifier/
“JavaScript 압축기(Minifier).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/javascript-minifier/.