LocalTools오프라인 브라우저 도구 모음

분류: 개발 도구

JavaScript 포매터 (Lite)

자체 기획 도구찾는 도구가 없나요?

작은 JavaScript 스크립트를 다시 들여쓰고 줄바꿈합니다

작은 JavaScript 스크립트를 붙여넣으면 문자열, 템플릿 리터럴, 정규식의 내용은 건드리지 않고 중괄호, 세미콜론, 쉼표 기준으로 다시 들여쓰고 줄바꿈합니다. 모든 처리는 브라우저 안에서만 이루어집니다.

이 도구는 중괄호 기준으로 다시 들여쓰는 경량 도구이며 Prettier 같은 AST 기반 포매터가 아닙니다. 사용 전 항상 결과를 확인하세요.

원본 크기195압축 후 크기222
포맷된 결과
function greet(name) {
  // Say hello to someone
  var message="Hello, "+name+"!";
  if(message.length>0) {
    console.log(message);
  }else {
    console.log("empty");
  }
  return message;
}
console.log(greet("world"));

이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.

이 도구로 할 수 있는 일

이 도구는 중괄호 기준의 경량 포매터로, Prettier 같은 완전한 파서나 AST 기반 도구가 아닙니다. 문자열, 템플릿 리터럴, 정규식, 주석을 충분히 구분해 내용은 건드리지 않으면서 `{`, `}`, `;`, 최상위 `,` 기준으로 다시 들여쓰고 줄을 나눕니다. 자동 세미콜론 삽입이나 괄호를 넘어서는 문법은 이해하지 못하므로, 프로덕션 소스 파일이 아니라 작고 단순한 코드 조각에 적합합니다.

사용 방법

  1. 입력창에 JavaScript 코드 조각을 붙여넣거나 입력합니다.
  2. 공백 2칸, 공백 4칸, 탭 중 들여쓰기 방식을 선택합니다.
  3. 포맷된 결과를 복사하고, 사용 전에 항상 내용을 확인하세요.

개인정보

이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.

자주 묻는 질문

코드가 어딘가로 업로드되나요?
아니요. 포맷 처리는 브라우저 탭 안에서 JavaScript로 실행되며 서버로는 아무것도 전송되지 않습니다.
Prettier 대신 이 도구를 써도 되나요?
아니요. 프로덕션 코드에는 Prettier 같은 제대로 된 AST 기반 포매터를 사용하세요. 이 도구는 빌드 도구를 설치할 만큼은 아닌 작고 빠른 코드 조각을 위한 것입니다.

전체 도구로 돌아가기