메인으로 돌아가기

JavaScript 포맷터

압축되거나 줄바꿈이 흐트러진 JavaScript 코드를 붙여 넣으면 문자열과 주석을 보존하면서 읽기 좋은 들여쓰기와 줄바꿈으로 정리합니다.

코딩 결과 확인 중
오류 문의하기

코딩

정리된 결과

결과를 검토한 뒤 복사하거나 .js 파일로 다운로드하세요.

문법 체크

문법 문제 없음

코드 요약

브라우저 포맷터 안내

입력 줄

2

출력 줄

13

문자 수

195 / 168

압축 절감

0.6%

함수

1

선언

2

원본 JavaScript

압축된 코드, 줄바꿈이 깨진 코드, 간단한 스니펫을 붙여 넣으세요.

정리된 결과

결과를 검토한 뒤 복사하거나 .js 파일로 다운로드하세요.

function greet(name) {
  const message="Hello, "+name;
  if(name) {
    console.log(message);
}
  return message;
}
const users=["Ada",
"Linus",
"Grace"].map((name)=>({
  name,
  active:true
}));

검토 체크리스트

  • 포맷 후 콘솔에서 실행 전 민감한 키나 토큰이 없는지 확인하세요.
  • 정규식, 템플릿 문자열, JSX가 많은 코드는 결과를 한 번 더 살펴보세요.
  • 운영 코드에는 자동 포맷 후 테스트를 함께 실행하는 것이 안전합니다.

브라우저 포맷터 안내

이 도구는 빠른 정리와 리뷰용입니다. 팀 규칙이 있는 프로젝트는 ESLint, Prettier, TypeScript 빌드 결과를 최종 기준으로 사용하세요.

JavaScript 코드를 읽기 쉽게 정리하기

이 포맷터는 브라우저에서만 동작하며 코드를 서버로 보내지 않습니다. 중괄호, 세미콜론, 쉼표, 주석을 기준으로 줄을 나누고 들여쓰기를 맞춥니다.

사용 메모

  • 문자열, 템플릿 문자열, 줄 주석, 블록 주석은 가능한 그대로 보존합니다.
  • 중괄호와 세미콜론을 기준으로 줄바꿈을 만들고 들여쓰기를 계산합니다.
  • 문법 체크는 브라우저의 JavaScript 파서가 허용하는 일반 스크립트 기준으로 확인합니다.

자주 묻는 질문

Prettier처럼 완전한 AST 포맷인가요?expand_more

아니요. 외부 패키지 없이 브라우저에서 빠르게 읽기 좋게 정리하는 실용 포맷터입니다. 복잡한 최신 문법은 전문 포맷터로 한 번 더 확인하세요.

코드가 서버로 전송되나요?expand_more

아니요. 입력, 포맷, 압축, 복사는 모두 브라우저 안에서 처리됩니다.

import/export 문법 체크가 실패할 수 있나요?expand_more

네. 브라우저의 Function 파서로 검사하므로 모듈 전용 문법은 포맷 결과가 좋아도 문법 체크에서 실패할 수 있습니다.

계속 둘러보기

다음에 살펴보기 좋은 도구

같은 카테고리의 도구와 인기 도구를 한 곳에서 바로 탐색해보세요.

전체 도구 보기 arrow_forward