본문으로 건너뛰기
yutils
예시

입력 (압축된 JS)

function add(a,b){return a+b}const result=[1,2,3].map(x=>x*2).filter(x=>x>2);console.log(result);

출력 (포맷팅)

function add(a, b) {
  return a + b
}
const result = [1, 2, 3]
  .map(x => x * 2)
  .filter(x => x > 2);
console.log(result);

참고

들여쓰기·줄바꿈만 조정 — 변수명·로직은 변경하지 않습니다. 정확한 minify 결과를 원하면 terser 같은 정식 도구를 별도 사용하세요.

사용법 / 자주 묻는 질문

이런 경우 사용하세요

  • minified bundle.js 의 가독성 1차 복구 (디버깅용)
  • AI 출력 한 줄 JS · 인라인 함수 코드 들여쓰기 보정
  • 이슈 · Slack · 노션에 JS 붙여 넣기 전 정리
  • 복잡한 chain method · arrow 함수 구조 시각화
  • minify 모드로 prod JS 1차 압축

자주 묻는 질문

Q.이게 정식 minify 도구를 대체하나요?
A.아닙니다. 본 도구는 들여쓰기 정리만 합니다. 실제 production minify(이름 mangling · dead code 제거 등)는 terser · esbuild · swc 가 담당.
Q.TypeScript 도 가능한가요?
A.JS-beautify 기반이라 TS-only 문법(`as`, `<T>` 제네릭 등)이 섞이면 결과가 부정확할 수 있습니다. Prettier / Biome 같은 정식 도구를 권장.
Q.JSX 는 어떻게 되나요?
A.기본은 plain JS 기준입니다. JSX 도 일부 동작하지만 복잡한 구조에서는 결과가 예쁘지 않을 수 있습니다.

관련 도구

이 카테고리 모든 도구 보기 →