분류: 개발 도구
자바스크립트 압축기(라이트)
짧은 스크립트에서 주석과 불필요한 공백 제거
짧은 JavaScript 코드를 붙여넣으면 문자열이나 정규식의 내용은 건드리지 않고 // 및 /* */ 주석을 제거하고 공백을 줄입니다. 모든 처리가 브라우저에서 이루어집니다.
이 도구는 공백과 주석을 제거하는 도구일 뿐, 완전한 파서나 AST 기반 압축 도구가 아닙니다. 세미콜론 자동 삽입 분석을 수행하지 않으므로, 줄바꿈을 제거하면 자동 세미콜론 삽입에 의존하는 코드의 동작이 드물게 달라질 수 있습니다. 작고 단순한 코드 조각에 사용하고, 프로덕션 번들에는 사용하지 마세요.
압축된 출력
function greet(name) {
var message ="Hello, "+ name +"!";
return message;
}
console.log(greet("world"));이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.
이 도구로 할 수 있는 일
이 도구는 Terser 같은 완전한 파서나 AST 기반 도구가 아니라 가벼운 압축기입니다. 문자열, 템플릿 리터럴, 정규식을 충분히 추적해 그 내용은 그대로 두고, 주석을 제거하고 그 주변의 공백을 줄입니다. 세미콜론 자동 삽입 분석을 수행하지 않으므로, 프로덕션 번들이나 특이한 자동 세미콜론 삽입 동작에 의존하는 코드보다는 작고 단순한 코드 조각에 적합합니다.
사용 방법
- 입력창에 JavaScript 코드 조각을 붙여넣거나 입력합니다.
- 압축된 출력과 그 아래의 크기 비교를 확인합니다.
- 결과를 복사하고, 배포하기 전에 항상 압축된 출력을 테스트하세요.
개인정보
이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.
자주 묻는 질문
- 제 코드가 어딘가에 업로드되나요?
- 아니요. 압축은 브라우저 탭 안의 JavaScript로 실행되며, 서버로는 아무것도 전송되지 않습니다.
- 이 도구 때문에 코드가 깨질 수 있나요?
- 문자열, 템플릿 리터럴, 정규식 안의 공백은 건드리지 않도록 보수적으로 설계되었습니다. 다만 프로그램의 로직을 이해하지는 못하므로, 특히 줄바꿈에 의존하는 자동 세미콜론 삽입 동작이 있는 코드라면 압축된 출력을 항상 테스트하세요.
- 실제 번들러의 압축 기능 대신 이 도구를 써도 되나요?
- 아니요. 프로덕션 코드에는 Terser나 esbuild 같은 제대로 된 AST 기반 압축 도구를 사용하세요. 이 도구는 빌드 도구를 설치할 정도는 아닌, 빠르고 간단한 코드 조각을 위한 것입니다.