온라인 JSON 포맷터 및 뷰어

JSON 편집기
JSON 구조 보기

이 도구에 대해

이 도구의 활용처

JSON(JavaScript Object Notation)은 API 응답, 설정 파일, 로그, 프론트엔드와 백엔드 간 데이터 교환에 널리 쓰이는 경량 데이터 형식입니다. 이 페이지에서는 JSON을 포맷하고, 검증하고, 압축하고, 구조를 확인할 수 있어 데이터가 올바르고 읽기 쉬운지 빠르게 점검할 수 있습니다.

JSON 페이로드가 한 줄로 압축되어 있거나 필드가 많고 중첩 구조가 깊으면 눈으로 문제를 찾기 어렵습니다. 포맷과 트리 보기를 통해 필드 관계, 배열 수준, 의심스러운 값을 훨씬 쉽게 확인할 수 있습니다.

일반적인 사용 사례

  • API 응답에 필드가 빠졌거나 값 타입이 잘못되었는지 확인합니다.
  • 팀원, 문서, 티켓에 전달하기 전에 압축된 JSON을 보기 좋게 정리합니다.
  • 설정 파일, 웹훅, 로그에서 복사한 JSON의 유효성을 검사합니다.
  • 먼저 구조를 정리한 다음 JSON Diff 또는 JSON/XML 변환기로 이동하세요.

사용 방법

  1. 원본 JSON을 왼쪽 편집기에 붙여넣습니다.
  2. 구문을 확인하고 보기 좋게 정리하려면 검증 / 포맷을 클릭하세요.
  3. 간결한 출력이 필요한 경우 축소를 클릭하세요.
  4. 오른쪽 구조 보기를 사용하여 객체와 배열을 더 편안하게 검사합니다.

편집기 내에서 Ctrl + F를 사용해 찾기, 바꾸기, 정규식 검색도 할 수 있습니다.

예제 입력

          {"user":"qr9","roles":["admin","editor"],"active":true,"profile":{"city":"Nanning","team":"frontend"}}
        

검증 / 포맷을 클릭하면 결과가 들여쓰기된 여러 줄 JSON으로 다시 정리되어 트리 뷰에서 훨씬 쉽게 확인할 수 있습니다.

흔한 실수

  • JSON 키와 문자열 값은 작은따옴표가 아닌 큰따옴표를 사용해야 합니다.
  • 객체나 배열의 마지막 필드 뒤에는 쉼표를 추가할 수 없습니다.
  • 로그에는 종종 유효성 검사를 깨뜨리는 숨겨진 문자나 추가 줄 바꿈이 포함되어 있습니다.
  • 정렬된 키는 가독성을 향상시키지만, 재포맷된 출력에 의존하기 전에 필드 순서에 비즈니스 의미가 있는지 확인하세요.

자주 묻는 질문

JSON 검증이 실패할 때 먼저 무엇을 확인해야 하나요?

가장 흔한 문제는 누락된 따옴표, 후행 쉼표, 짝이 맞지 않는 괄호, 잘못된 문자열 구문입니다. 먼저 페이로드를 포맷하면 문제를 더 빠르게 파악하는 데 도움이 됩니다.

키를 정렬하면 JSON의 의미가 바뀌나요?

대부분의 API 및 구성 시나리오에서 키 정렬은 표시 순서만 변경하고 객체의 의미는 변경하지 않습니다. 그래도 다운스트림 코드가 원래 순서에 의존하는지 확인하세요.

로컬 기록이 서버에 업로드되나요?

아닙니다. 로컬 기록은 브라우저에만 저장됩니다. 임시 스니펫을 저장하는 데 유용하지만, 사이트 데이터를 지우거나 브라우저를 전환하거나 다른 장치로 이동하면 사라집니다.

언제 JSON Diff나 JSON/XML 변환기를 사용해야 하나요?

두 페이로드를 비교하고 필드 수준 차이를 검사하려면 JSON Diff를 사용하세요. 두 형식 간에 데이터를 이동해야 할 때는 JSON/XML 변환기를 사용하세요.

관련 도구

포맷한 뒤에도 구조화된 데이터를 변환하거나 비교해야 한다면, 다음 도구를 이어서 사용해 보세요.

  • JSON/XML 변환기:JSON을 XML로, XML을 JSON으로 변환하세요
  • JSON 비교:두 개의 JSON 문자열 또는 객체를 비교하고 차이점을 확인하세요
  • XML 포맷터:XML 문자열을 보기 쉽게 정리하세요