# JavaScript 포맷터

이 JavaScript 포맷터로 정리되지 않았거나 압축된 JavaScript 코드를 포맷하세요. 코드를 붙여넣으면 도구가 ES 모듈로 파싱한 뒤 두 칸 들여쓰기, 줄마다 하나의 문장, 연산자 주변의 일관된 공백, 문장 끝의 세미콜론을 적용해 다시 출력하고 주석도 유지합니다. 구문 오류가 있으면 추측하지 않고 오류를 보고하므로, 개발자는 검토, 디버깅 및 문서화에 사용할 수 있는 읽기 쉽고 유효한 코드를 얻을 수 있습니다.

## 자주 묻는 질문

### JavaScript 포맷터는 어떻게 작동하나요?

코드를 ES 모듈로 구문 분석해 구문 트리로 만든 뒤, 일관된 스타일로 다시 출력합니다. 텍스트 규칙으로 코드를 수정하는 대신 파싱하므로 출력 구조는 항상 입력과 일치합니다.

### 출력에는 어떤 스타일이 적용되나요?

블록은 두 칸 들여쓰기하고, 각 문장은 별도의 줄에 표시하며, 연산자 양쪽에 공백을 넣고 문장 끝에는 세미콜론을 붙입니다. 짧은 객체 및 배열 리터럴은 한 줄로 유지하며, 문자열의 따옴표와 템플릿 리터럴은 입력된 그대로 둡니다.

### 들여쓰기나 다른 설정을 변경할 수 있나요?

아니요. 포맷터에는 설정 옵션이 없습니다. 모든 입력을 같은 스타일로 출력하므로 결과를 공유해도 일관성을 유지할 수 있습니다.

### 코드에 구문 오류가 있으면 어떻게 되나요?

도구가 중단되고 문제가 있는 토큰 뒤에 Unexpected:가 표시되는 등 파서 메시지를 보여 줍니다. 보고된 문제를 수정한 뒤 포맷터를 다시 실행하세요.

### 주석이 보존되나요?

예. 한 줄 주석과 블록 주석을 유지하고 해당 주석이 속한 문장과 함께 배치합니다. 문장 안의 주석은 다음 문장의 시작 부분으로 이동할 수 있습니다.

### 최신 JavaScript을 지원하나요?

네, 파서는 import와 export, 화살표 함수, 클래스, async와 await, 구조 분해, 전개 구문, 선택적 체이닝, null 병합, 템플릿 리터럴 같은 최신 구문을 이해합니다. 한 줄에 들어가지 않는 긴 객체 리터럴은 속성 하나씩 줄을 나눠 표시합니다.

### 축소된 코드를 포맷할 수 있나요?

네, 압축된 파일을 파싱한 뒤 읽기 쉬운 줄과 들여쓰기로 펼쳐 표시합니다. 포매팅은 이름을 바꾸지 않으므로 압축 도구가 선택한 짧은 변수 이름은 그대로 유지됩니다.

### 포매팅하면 코드의 동작이 달라지나요?

아니요. 공백, 줄바꿈, 문장 종결자만 변경합니다. 추가되는 것은 세미콜론뿐이며, 이는 JavaScript이 코드를 읽는 방식과 일치합니다.

### 결과가 javascript 코드 펜스로 감싸져 있는 이유는 무엇인가요?

결과는 javascript 펜스로 시작하는 Markdown 코드 블록으로 반환되므로 Markdown에 붙여 넣으면 구문 강조가 적용됩니다. 일반 소스가 필요하면 펜스 사이의 줄을 복사하세요.

### JSX, TypeScript 또는 Flow는 어떻게 하나요?

이 페이지는 일반 JavaScript을 처리합니다. React 구성 요소에는 JSX Formatter를 사용하고, 타입이 지정된 코드에는 TypeScript 또는 Flow Formatter를 사용하세요. 타입 주석은 표준 JavaScript의 일부가 아니기 때문입니다.

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=OneClick%20Pro%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=oneclickpro)