본문으로 건너뛰기
Toolars
둘러보기
버그 신고

개발자 · 로컬 유틸리티

JavaScript 포맷터

JavaScript Formatter

브라우저에서 구문 분석기로 JavaScript 코드를 정리합니다. 코드를 업로드할 필요가 없습니다.

작업 경로 / 입력에서 결과까지

JavaScript 붙여넣기

로컬에서 실행 · 업로드 없음

JavaScript 포맷터 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

JavaScript를 포맷하는 방법

  1. 01

    JavaScript 붙여넣기

    256 KiB 이하의 UTF-8 소스를 붙여 넣으세요. 정렬은 공백 2개 또는 4개를 선택합니다.

  2. 02

    들여쓰기 선택

    공백 2개 또는 4개를 선택하세요. 샘플은 이미 입력되어 있으며 새 설정은 서식을 누를 때 적용됩니다.

  3. 03

    실행하지 않고 포맷하기

    서식을 누르세요. Prettier가 선택한 들여쓰기와 100열 출력 폭으로 JavaScript를 실행하지 않고 분석해 다시 출력합니다. 테스트를 실행하세요.

  4. 04

    결과와 통계 확인하기

    입력과 출력의 UTF-8 바이트 수 및 절감률을 비교하세요. 절감값이 음수면 결과가 더 커진 것입니다. 복사하거나 다운로드하기 전에 확인하세요.

  5. 05

    결과 복사 또는 다운로드

    「결과 복사」는 포맷된 코드를 클립보드로 보 내고, 「다운로드」는 toolars.js로 저장합니다. 「초기화」로 입력, 출력, 옵션을 비우고 다음 스니펫으로 넘어가세요.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

JavaScript 포맷터 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

JavaScript 포맷터 도구가 유용할 때

코드 리뷰

다른 개발자와 공유하기 전에 소스를 검사하기 쉽게 만들어요.

빌드 산출물

소스를 실행하지 않고 간결한 HTML, CSS, JavaScript를 만들어요.

바로 복사하는 스니펫

핵심 예시를 포맷해 문서나 편집기에 바로 옮겨요.

JavaScript 포맷터 도구가 실제로 하는 일

프로덕션 스택 트레이스 조각은 핫픽스를 쓰기 전에 읽어야 하는데, 한 줄짜리 긴 코드로 도착합니다. 포럼에서 발견한 북마클릿은 신뢰를 얻기 전에 살펴 봐야 하고, 동료의 영리한 한 줄 코드는 팀이 유지보수할 수 있는 코드가 되어야 합니다. JavaScript 포맷터는 프로젝트가 이미 쓰는 들여쓰기 너비로, 소스를 실행하지 않고 파싱해 다시 들여쓰기합니다. 전부 기기 안에서 이뤄져요. 이것이야말로 아직 신뢰하지 않는 코드를 다루는 올바른 방식입니다. 먼저 읽고, 실행은 절대 하지 않기. 나중에 스스로 선택하지 않는 한요.

자주 묻는 질문

크기 제한은 어느 정도인가요?
입력은 256 KiB, 출력은 512 KiB로 제한됩니다. 로컬 Worker의 시작과 실행에 각각 5초 제한이 있으며, 소스를 수정하거나 취소하면 중단됩니다.
포맷하면 코드가 실행되나요?
실행하지 않습니다. JavaScript를 파싱하여 들여쓰기를 맞추지만 식을 계산하거나 함수를 호출하지 않습니다. 완료 후에도 프로젝트 테스트가 필요합니다.
포맷터가 스니펫을 거부하는 이유는요?
파서는 구문적으로 올바른 JavaScript를 기대합니다. 잘린 붙여넣기, 짝이 안 맞는 괄호, 끼어든 문자는 실행을 멈추고, 오류가 행과 열을 알려 줍니다. 구문을 고치고 다시 실행하세요. 잘못된 입력에서는 부분적인 결과도 나오지 않습니다.
탭이나 다른 들여쓰기 너비를 고를 수 있나요?
아니요. 「들여쓰기 크기」는 공백 2칸 또는 4칸으로 제한되며, 대부분의 JavaScript 프로젝트가 표준으로 삼는 두 가지 너비입니다. 그 외에는 여기서 포맷한 뒤, 에디터 설정 같은 프로젝트 자체 도구가 최종 규칙을 적용하게 하세요.
통계 행은 무엇을 알려 주나요?
이 행은 변환 전후 UTF-8 바이트 수와 차이를 보여 줍니다. 서식을 적용하면 크기가 늘 수 있으며 숫자는 유효성이나 화면 일치를 증명하지 않습니다.
코드가 어딘가에 업로드되나요?
아니요. 소스는 로컬 Worker에서 분석하며 실행, 업로드, 저장하지 않습니다. 분석 성공이 앱의 정확성이나 호환성을 보장하지 않습니다.

개발자 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

코드 → 이미지 변환

Code to Image Converter

여섯 가지 언어의 코드를 구문 강조해 밝은·어두운 테마, 줄번호, 창 제목, 1x/2x 배율로 PNG나 SVG로 내보냅니다.

생성

URL 슬러그 생성기

URL Slug Generator

제목을 하이픈·밑줄 슬러그로 입력하는 즉시 변환합니다. 악센트는 제거하고 앰퍼샌드는 확장하며 비라틴 문자는 보존합니다.

생성

React Native 그림자 생성기

React Native Shadow Generator

React Native의 기존 그림자와 boxShadow를 비교하고 플랫폼 제한을 확인한 뒤 스타일을 복사하세요.

생성

Base64 인코딩 / 디코딩

Base64 Encoder/Decoder

Unicode 텍스트 인코딩과 Base64 디코딩을 로컬에서 처리합니다. URL-safe 값도 지원합니다.

변환