사용 방법

텍스트를 붙여넣거나 UTF-8 파일 또는 샘플을 사용하세요.
입력과 설정을 선택한 뒤 실행하거나 자동 실행을 켜세요.
결과를 검토하고 복사하거나 다운로드하세요. 입력 변경 시 이전 결과는 무효가 됩니다.

JavaScript 포매터

JavaScript, JSX, TypeScript, TSX를 실행하지 않고 서식 지정합니다.

처리는 브라우저에서 이루어지며 입력을 DevToolsy로 전송하지 않습니다.

작동 원리

Prettier가 구문을 분석해 공백과 들여쓰기를 통일합니다. JavaScript / JSX 또는 TypeScript / TSX를 선택하세요. 구문 오류는 위치를 표시합니다.

처리 전후

입력

const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}

출력

const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

JavaScript, JSX, TypeScript, TSX를 실행하지 않고 서식 지정합니다.

옵션과 데이터 보존

들여쓰기, 줄 너비, 따옴표, 세미콜론을 설정합니다. 컴파일러, linter, 압축기가 아니며 코드를 실행하거나 import를 확인하지 않습니다.

결과 사용하기

성공은 파서가 구문을 받아들였다는 뜻입니다. 타입, import, 실행 동작은 프로젝트의 컴파일러, linter, 테스트로 확인하세요.

결과를 검토하고 복사하거나 다운로드하세요. 입력 변경 시 이전 결과는 무효가 됩니다.

처리 한도

UTF-8 입력은 문서당 1 MiB, 출력은 8 MiB까지입니다. JSONPath와 Schema는 5초, 나머지는 30초 제한입니다.

참고 자료Prettier options

자주 묻는 질문

어떤 언어 입력을 지원하나요?

Prettier가 구문을 분석해 공백과 들여쓰기를 통일합니다. JavaScript / JSX 또는 TypeScript / TSX를 선택하세요. 구문 오류는 위치를 표시합니다.

따옴표와 세미콜론을 선택하나요?

들여쓰기, 줄 너비, 따옴표, 세미콜론을 설정합니다. 컴파일러, linter, 압축기가 아니며 코드를 실행하거나 import를 확인하지 않습니다.

타입이나 논리도 검사하나요?

아니요. 성공은 파서가 구문을 받아들였다는 뜻입니다. 타입, import, 실행 동작은 프로젝트의 컴파일러, linter, 테스트로 확인하세요.

입력이 업로드되나요?

처리는 브라우저에서 이루어지며 입력을 DevToolsy로 전송하지 않습니다.

로컬 파일을 열 수 있나요?

UTF-8 입력 최대 1 MiB · 출력 최대 8 MiB