Prettier 같은 완전한 포맷터인가요?

아니요. 중괄호·세미콜론 기준으로 들여쓰기하는 경량 포맷터입니다. 문자열·주석·템플릿 리터럴은 안전하게 보존하지만, 세부 스타일 규칙까지 맞추지는 않습니다.

압축(minify)된 코드도 정리되나요?

네. 한 줄로 뭉쳐진 코드도 중괄호·세미콜론 기준으로 줄바꿈·들여쓰기됩니다.

전송되지 않습니다. 브라우저 안에서만 처리됩니다.

JS·CSS 코드를 중괄호·세미콜론 기준으로 들여쓰기 정리합니다. (경량 포맷터 — Prettier 수준의 완전한 파서 기반 정렬은 아닙니다)

CSS JavaScript

입력

결과

입력

.a,.b{color:red;font-size:12px}

출력

.a,.b {
  color: red;
  font-size: 12px
}

CSS 모드에서 한 줄로 압축된 규칙을 정리한 결과입니다. 여는 중괄호 뒤에서 줄을 바꾸고 각 선언을 2칸 들여쓰기하며, 속성:값의 콜론 뒤에 공백을 넣어 보기 좋게 정렬합니다.

Prettier 같은 완전한 포맷터인가요?: 아니요. 중괄호·세미콜론 기준으로 들여쓰기하는 경량 포맷터입니다. 문자열·주석·템플릿 리터럴은 안전하게 보존하지만, 세부 스타일 규칙까지 맞추지는 않습니다.
압축(minify)된 코드도 정리되나요?: 네. 한 줄로 뭉쳐진 코드도 중괄호·세미콜론 기준으로 줄바꿈·들여쓰기됩니다.
입력한 코드가 서버로 전송되나요?: 전송되지 않습니다. 브라우저 안에서만 처리됩니다.