nicetool.dev logo

JSON 포맷터 및 유효성 검사기

JSON 데이터를 즉시 정리, 포맷 및 유효성 검사합니다. 개발자를 위한 간단하고 강력한 JSON 뷰어 및 편집기입니다.

원본 입력
트리 뷰 (편집 가능)

JSON이란?

JSON(JavaScript Object Notation)은 가볍고 언어에 독립적인 데이터 교환 형식입니다. 사람이 읽고 쓰기 쉽고, 기계가 구문 분석하고 생성하기 쉽습니다.

알고 계셨나요? JSON은 세계에서 가장 인기 있는 데이터 형식으로, 대부분의 최신 웹 API에서 사실상 XML을 대체했습니다.

JSON 구문 규칙

유효한 구문

  • •데이터는 이름/값 쌍으로 이루어집니다.
  • •키는 반드시 큰따옴표로 묶어야 합니다.
  • •문자열은 큰따옴표를 사용해야 합니다.
  • •데이터는 쉼표로 구분됩니다.

일반적인 오류

  • ×마지막 요소 뒤에 쉼표가 오는 경우.
  • ×큰따옴표 대신 작은따옴표를 사용하는 경우.
  • ×닫는 중괄호나 대괄호가 없는 경우.
  • ×주석을 추가하는 경우.

일반적인 사용 사례

웹 API (REST/GraphQL)

API 데이터 교환을 위한 표준 형식.

구성 파일

설정 저장 (package.json 등).

NoSQL 데이터베이스

MongoDB, CouchDB에서의 데이터 저장.

JSON 편집기 사용 방법

  1. 1

    브라우저 Network 탭에서 복사한 응답, 설정 파일, 로그 한 줄 같은 JSON을 Raw Input 칸에 붙여넣으세요.

  2. 2

    Beautify로 들여쓰기를 하거나 Minify로 공백을 모두 제거합니다. 올바른 JSON이 아니면 오류가 표시되어 잘못된 쉼표나 따옴표를 찾을 수 있습니다.

  3. 3

    Tree View로 중첩된 객체와 배열을 탐색하세요. 펼치기, 접기, 값 직접 수정이 가능해 수천 줄을 스크롤하는 것보다 빠릅니다.

  4. 4

    Copy Results로 결과를 코드, API 클라이언트, 설정 파일에 다시 넣으세요.

활용 예시

API 응답 읽기

한 줄에 몰린 20KB 응답은 읽을 수 없습니다. Beautify를 하면 들여쓰기된 구조가 되어 필요한 필드를 몇 초 만에 찾을 수 있습니다.

설정 파일 수정

package.json, tsconfig.json, VS Code 설정 파일은 끝에 붙은 쉼표 하나 때문에 로드되지 않습니다. 빌드가 실패하기 전에 검사기가 문제를 알려줍니다.

페이로드 줄이기

테스트용 JSON이나 요청 본문을 curl 명령, 환경 변수, 테스트 코드에 넣기 전에 Minify하면 줄바꿈으로 인한 문제를 막을 수 있습니다.

중첩 데이터 편집

기능 플래그나 목 응답 깊숙한 곳의 값도 괄호를 세지 않고 트리 편집기에서 바로 바꿀 수 있습니다.

자주 묻는 질문

JSON이 왜 유효하지 않나요?+

가장 흔한 원인은 끝에 붙은 쉼표, 큰따옴표 대신 작은따옴표, 주석, 따옴표 없는 키입니다. JavaScript 객체에서는 허용되지만 엄격한 JSON(RFC 8259)에서는 허용되지 않습니다.

Beautify와 Minify의 차이는?+

둘 다 데이터는 똑같습니다. Beautify는 사람이 읽기 쉽게 들여쓰기와 줄바꿈을 넣고, Minify는 전송·저장을 위해 그것을 빼서 크기를 최소로 만듭니다.

크기 제한이 있나요?+

모든 처리가 브라우저에서 이뤄지므로 고정된 제한은 없습니다. 몇 MB 파일도 되지만 매우 큰 문서는 기기 메모리에 따라 달라집니다.

JSON이 어딘가에 업로드되나요?+

아니요. 파싱, 포맷, 편집 모두 브라우저에서 처리되므로 JSON 안의 API 키나 고객 데이터가 컴퓨터 밖으로 나가지 않습니다.