이 페이지에서 코드를 어떻게 포맷하나요?
왼쪽 편집기에 코드를 붙여넣거나 파일을 불러온 뒤 필요한 옵션을 선택하고 포맷을 누르세요. 오른쪽에서 결과를 확인한 다음 복사하거나 저장할 수 있습니다.
JavaScript 포맷터는 압축되었거나 고르지 않은 코드를 일관된 들여쓰기, 간격, 줄 바꿈, 중괄호 배치로 정리합니다. 클래스, 비공개 필드, 비동기 함수, 선택적 연결, null 병합 연산자, 템플릿 리터럴, 모듈, React JSX 등 최신 문법을 지원합니다.
탭 또는 공백을 선택하고 원하는 줄 너비와 중괄호 스타일을 설정하세요. 의미 있는 줄 바꿈과 기존 배열 들여쓰기를 유지하거나 긴 메서드 체인을 나눌 수도 있습니다. Ctrl+Enter 또는 Command+Enter를 누르면 편집기에서 바로 포맷됩니다.
압축은 읽기 쉬운 식별자를 유지하면서 주석과 불필요한 코드를 제거합니다. 압축 및 이름 축소는 더 작은 결과를 위해 사용할 수 있는 로컬 이름도 줄입니다. 실행 가능한 JavaScript만 압축할 수 있으므로 JSX는 먼저 컴파일해야 합니다. 모든 처리는 브라우저에서 로컬로 실행됩니다.
왼쪽 편집기에 코드를 붙여넣거나 파일을 불러온 뒤 필요한 옵션을 선택하고 포맷을 누르세요. 오른쪽에서 결과를 확인한 다음 복사하거나 저장할 수 있습니다.
입력은 선택한 언어나 문법과 일치해야 합니다. 완성되지 않은 문장, 짝이 맞지 않는 괄호나 따옴표, 입력과 다른 방언 또는 모드를 확인한 뒤 다시 실행하세요.
코드 포매터는 언어에 맞는 토큰과 중첩 구조를 인식한 뒤 일관된 규칙에 따라 들여쓰기, 공백, 줄바꿈을 다시 배치합니다. 프로그램을 컴파일하거나 실행하지 않으므로 정확성이나 보안 검사를 대신하지 않습니다.
웹 프로젝트는 2칸이 가장 흔합니다. 프로젝트가 줄바꿈을 강제하지 않으면 기존 줄바꿈을 유지하고, JSX 입력에는 JSX 지원을 켜며, 중괄호와 다른 스타일 선택은 저장소 설정을 따르세요. 포맷, 축소, 변수 이름 단축은 각각 별도 작업입니다.