본문으로 건너뛰기
Utilizy

코드 정렬

JS·TS·CSS·HTML·JSON을 보기 좋게

브라우저 내 처리

입력

옵션

결과

결과

아직 정렬하지 않았습니다

코드를 붙여넣고 정렬 버튼을 누르면 결과가 여기에 표시됩니다.

Prettier 기본 규칙을 따릅니다. 코드는 서버로 전송되지 않습니다.

압축된 코드를 받았거나 들여쓰기가 뒤죽박죽인 파일을 정리할 때 씁니다. 개발 도구를 설치하지 않은 환경에서도 Prettier와 같은 규칙으로 정렬할 수 있습니다.

사용 방법

  1. 1 정렬할 코드를 붙여넣습니다.
  2. 2 언어를 고릅니다. 잘못 고르면 문법 오류가 납니다.
  3. 3 들여쓰기와 줄 길이를 조절합니다.
  4. 4 정렬 버튼을 누르고 결과를 복사하거나 저장합니다.

자주 묻는 질문

어떤 규칙으로 정렬되나요?

Prettier의 기본 규칙을 따릅니다. 대부분의 프로젝트가 쓰는 표준이라 팀 코드와 잘 어울립니다.

문법 오류가 있으면 어떻게 되나요?

정렬되지 않고 오류 위치를 알려 줍니다. Prettier는 문법이 올바른 코드만 정렬할 수 있으므로, 표시된 위치의 오류를 먼저 고쳐야 합니다.

코드가 서버로 전송되나요?

전송되지 않습니다. 포매터가 브라우저 안에서 동작합니다. 다만 언어별 플러그인은 필요할 때 내려받으므로 첫 실행이 약간 느릴 수 있습니다.

함께 쓰면 좋은 도구