개발자 도구무료 · 회원가입 없음

Code Formatter

코드를 서버에 전송하지 않고 포맷, 최소화, 검증하고 JSON 트리를 확인합니다.

포맷팅 범위와 파서 기준

코드가 깨졌다고 나올 때

JavaScript, JSON, XML 코드를 브라우저에서 정렬·압축·검증하고 JSON 구조를 트리로 확인하는 개발 보조 도구입니다.

최종 기능 검토일:

코드를 정리하고 확인하는 순서

  1. 언어를 선택하고 코드를 붙여넣거나 파일을 불러옵니다.
  2. 들여쓰기 방식과 너비를 설정해 정렬·압축·검증을 실행합니다.
  3. 결과와 오류 위치를 확인하고 복사하거나 파일로 저장합니다.

줄바꿈 없는 JSON을 정리한 결과

입력
{"name":"Omneura","active":true}
결과
들여쓰기와 줄바꿈이 적용된 JSON

JSON을 파싱해 유효성을 확인한 뒤 선택한 들여쓰기 규칙으로 다시 직렬화합니다.

정리가 필요한 코드 작업

  • 압축된 JSON을 읽기 쉽게 정렬할 때
  • JavaScript 문법 오류를 확인할 때
  • XML 문서의 들여쓰기를 통일할 때

지원하는 언어와 파일 크기

  • JavaScript .js·.mjs·.cjs
  • JSON .json
  • XML .xml
  • 최대 5MB 파일
  • JSON 트리 최대 5,000노드

문법은 맞아도 잡히지 않는 문제

  • JavaScript 실행 결과나 타입 오류를 검사하는 도구는 아닙니다.
  • 5,000노드를 넘는 JSON은 트리 표시가 제한됩니다.
  • 매우 큰 코드는 브라우저 편집기 성능에 영향을 줄 수 있습니다.

정렬기와 검사기의 경계

코드를 다루는 도구는 역할이 나뉩니다. 모양을 다듬는 것과 내용의 옳고 그름을 따지는 것은 다른 일입니다.

견주는 대상닮은 점이 도구를 고를 때상대를 고를 때
편집기에 설치하는 정렬 확장같은 규칙으로 코드 모양을 다듬습니다.설치 없이 한 조각을 빠르게 정리할 때프로젝트 전체에 저장할 때마다 적용해야 할 때
코드 검사 도구둘 다 코드를 읽고 문제를 알려 줍니다.들여쓰기와 줄바꿈이 어긋나 읽기 어려울 때쓰지 않는 변수나 위험한 패턴을 찾아야 할 때
Base64 인코더/디코더붙여넣은 문자열을 읽을 수 있는 형태로 바꿉니다.이미 읽히는 코드의 모양을 정리할 때인코딩되어 읽을 수 없는 문자열일 때

정렬이 안 되거나 오류가 날 때

증상원인조치
정렬하지 않고 오류 위치만 표시됩니다.괄호나 따옴표가 짝이 맞지 않아 구조를 해석할 수 없습니다.표시된 위치 주변의 짝을 먼저 맞춘 뒤 다시 실행합니다.
JSON인데 오류가 납니다.마지막 항목 뒤의 쉼표나 작은따옴표는 JSON에서 허용되지 않습니다.끝 쉼표를 지우고 문자열을 큰따옴표로 바꾼 뒤 다시 시도합니다.
복사한 코드에서만 오류가 납니다.문서에서 옮기며 따옴표가 둥근 기호로 바뀌었습니다.따옴표를 곧은 기호로 바꿉니다.
정렬 결과가 팀의 규칙과 다릅니다.이 도구는 기본 규칙을 따릅니다.팀 규칙이 정해져 있다면 프로젝트 설정이 적용되는 편집기에서 정렬합니다.
긴 코드를 넣으니 반응이 느립니다.해석과 정렬이 브라우저 안에서 이뤄집니다.문제가 되는 부분만 잘라 넣습니다.

붙여넣은 코드의 전송 여부

코드 파싱과 포맷팅은 브라우저에서 Prettier와 내장 파서를 사용해 수행하며 입력 코드를 서버에 업로드하지 않습니다.

파서 동작을 확인한 방법

정상·오류 JavaScript, 중첩 JSON, XML 파일과 5MB 제한, 들여쓰기 탭·공백 설정을 확인합니다.

코드 정리에서 자주 나오는 질문

코드가 서버에 저장되나요?

아닙니다. 불러온 파일과 편집 내용은 포맷팅 목적으로 서버에 전송하지 않습니다.

TypeScript도 지원하나요?

현재 전용 파서는 JavaScript, JSON, XML만 지원합니다.

검증과 실행은 같은 기능인가요?

아닙니다. 문법 구조를 확인할 뿐 코드를 실행하거나 동작 결과를 검사하지 않습니다.

붙여넣은 코드가 외부로 전송되나요?

전송되지 않습니다. 해석과 정렬은 브라우저 안에서 이뤄지고 결과도 그 자리에서 만들어집니다. 다만 사내 코드나 비밀 값이 포함된 조각이라면, 어떤 도구를 쓰든 붙여넣기 전에 그 값을 지우는 습관이 안전합니다.

정렬하면 코드 동작이 바뀌나요?

바뀌지 않는 것이 원칙입니다. 공백과 줄바꿈을 다시 배치할 뿐 구문의 의미는 그대로 둡니다. 다만 정렬 후 결과가 이상하다면 원본에 이미 문법 문제가 있었을 가능성이 높으므로, 중요한 파일은 원본을 남기고 비교해 보세요.