JavaScript 포매터 및 축소기

클라이언트 측 JavaScript 포맷터 및 미니파이어입니다. Beautify 모드는 중괄호, 대괄호, 세미콜론을 기반으로 적절한 들여쓰기를 추가합니다. Minify 모드는 모든 주석과 불필요한 공백을 제거합니다. 입력/출력 크기와 절감 비율을 표시합니다.

이 JS 포맷터를 사용해야 하는 이유

• 두 가지 모드 — 디버깅을 위한 포맷팅 또는 프로덕션을 위한 미니파이.
• 문자열 인식 — 따옴표와 템플릿 리터럴 내부의 내용을 보존합니다.
• 주석 처리 — 포맷팅 시 주석을 유지하고, 미니파이 시 제거합니다.
• 크기 절감 — 정확한 문자 수 감소를 보여줍니다.

주요 기능

• Brace-Based Indentation: {, [, ( 중첩을 추적하며 2칸 탭을 사용합니다.
• String Safety: ", ', 백틱 문자열을 감지하여 잘못된 재포맷팅을 방지합니다.
• Comment Types: // 줄 주석과 /* */ 블록 주석을 모두 처리합니다.
• One-Click Copy: 포맷팅되거나 최소화된 결과를 클립보드에 복사합니다.

작동 원리

포매터는 코드를 문자별로 순회하며 문자열 상태(작은따옴표/큰따옴표/템플릿 리터럴)를 추적합니다. 여는 중괄호는 들여쓰기를 증가시키고 닫는 중괄호는 감소시킵니다. 세미콜론과 쉼표는 줄 바꿈을 유발합니다. 최소화기는 정규식을 사용하여 두 가지 스타일의 주석을 제거하고 공백을 축소합니다.

JS 포매터 사용해 보기

JavaScript 코드를 붙여넣고, “포맷” 또는 “최소화”를 클릭한 후 최적화된 결과를 복사하세요.