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

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

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

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

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

네. 들여쓰기를 넣어 블록 구조를 파악하기 좋게 만듭니다. 단, 변수명 복구 같은 디난독화(deobfuscation)는 지원하지 않습니다.

중괄호·세미콜론 구조를 공유하는 범위에서는 정리되지만, 전용 문법(mixin 등)을 완전히 이해하는 것은 아닙니다.

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

CSS JavaScript

입력

결과

입력

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

출력

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

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

중괄호와 세미콜론을 기준으로 단계를 나누는 경량 포맷터입니다. 압축된 코드의 구조를 파악하는 용도로 적합합니다.

기준	처리
중괄호 `{ }`	들여쓰기 단계 증감
세미콜론 `;`	문장 끝 줄바꿈
문자열	내부의 중괄호·세미콜론은 문법으로 오인될 수 있음
한계	Prettier 같은 파서 기반이 아님 — 완벽한 문법 인식은 아님

Prettier 같은 완전한 포맷터인가요?: 아니요. 중괄호·세미콜론 기준으로 들여쓰기하는 경량 포맷터입니다. 문자열·주석·템플릿 리터럴은 안전하게 보존하지만, 세부 스타일 규칙까지 맞추지는 않습니다.
압축(minify)된 코드도 정리되나요?: 네. 한 줄로 뭉쳐진 코드도 중괄호·세미콜론 기준으로 줄바꿈·들여쓰기됩니다.
입력한 코드가 서버로 전송되나요?: 전송되지 않습니다. 브라우저 안에서만 처리됩니다.
압축된 JS를 읽기 좋게 볼 수 있나요?: 네. 들여쓰기를 넣어 블록 구조를 파악하기 좋게 만듭니다. 단, 변수명 복구 같은 디난독화(deobfuscation)는 지원하지 않습니다.
Sass나 Less도 되나요?: 중괄호·세미콜론 구조를 공유하는 범위에서는 정리되지만, 전용 문법(mixin 등)을 완전히 이해하는 것은 아닙니다.