JSON 포매터 입력값은 어디에서 처리되나요?

가능한 작업은 브라우저에서 처리됩니다. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.

결과를 그대로 운영에 써도 되나요?

복사하기 전에 대상 런타임, 인코딩, 시간대, 보안 정책처럼 환경별 차이를 한 번 더 확인하세요.

JSON 포매터 - 무료 온라인 데이터 도구

JSON데이터개인정보: 브라우저 로컬

JSON 포매터

API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.

입력 / 출력

도구부터 사용

입력, 출력, 복사 작업은 이 영역에 모았습니다. 예제와 검토 내용은 아래에서 따로 확인합니다.

복사 가능한 출력

JSON 예제

JSON 입력들여쓰기

루트 타입

object

최상위 항목

중첩 깊이

출력 줄 수

JSON 진단

복사하거나 공유하기 전에 민감해 보이는 key, 빈 값, 중복 key, 큰 배열을 확인합니다.

로컬 처리

입력 바이트

민감 key

빈 값

중복 key

JSON 검토 메모

JSON 구조는 복사할 준비가 되어 보입니다. 그래도 실제 운영 식별자는 공유 전에 제거하세요.

API 응답 보고서

구조, 진단, 주요 JSON 경로, 안전 공유 체크를 묶은 운영 전달용 보고서를 복사합니다.

루트 타입

object

최상위 항목

중첩 깊이

출력 줄 수

민감 key

중복 key

검토 메모

뚜렷한 JSON 구조 경고는 없습니다. 그래도 공유 전 운영 식별자는 제거하세요.

안전 전달 체크리스트

공유 전에 token, cookie, 고객 식별자, 내부 URL을 제거하세요.
응답이 유효하지 않으면 버그 보고서에 정확한 parse 오류 줄과 열을 포함하세요.
크거나 깊게 중첩된 응답은 전체 payload 대신 JSONPath 중심 샘플을 공유하세요.
다운스트림 parser 출력을 신뢰하기 전에 중복 key를 확인하세요.
운영 전용 값을 제거한 뒤에만 정리된 샘플을 첨부하세요.

# API 응답 보고서

- 확인 시각: 브라우저 복사 시각
- 루트 타입: object
- 최상위 항목: 2
- 중첩 깊이: 4
- 출력 줄 수: 9
- 입력 바이트: 85

## 검토 메모
- 뚜렷한 JSON 구조 경고는 없습니다. 그래도 공유 전 운영 식별자는 제거하세요.

## 유용한 JSON 경로
- `$` (object) - 2 keys
- `$.status` (string) - "ok"
- `$.items` (array) - 1 items
- `$.items[0]` (object) - 2 keys
- `$.items[0].id` (number) - 1
- `$.items[0].name` (string) - "Bob"

## 안전 전달 체크리스트
- 공유 전에 token, cookie, 고객 식별자, 내부 URL을 제거하세요.
- 응답이 유효하지 않으면 버그 보고서에 정확한 parse 오류 줄과 열을 포함하세요.
- 크거나 깊게 중첩된 응답은 전체 payload 대신 JSONPath 중심 샘플을 공유하세요.
- 다운스트림 parser 출력을 신뢰하기 전에 중복 key를 확인하세요.
- 운영 전용 값을 제거한 뒤에만 정리된 샘플을 첨부하세요.

JSON 구조

정리된 payload를 복사하기 전에 루트 구조를 확인하세요.

키: 4배열: 1원시값: 3

status:string

items:array

JSON 경로 미리보기

JSONPath나 TypeScript 생성으로 넘어가기 전에 자주 쓰는 경로를 복사하세요.

$object2 keys

$.statusstring"ok"

$.itemsarray1 items

$.items[0]object2 keys

$.items[0].idnumber1

$.items[0].namestring"Bob"

경로 검사

점 표기나 bracket 경로로 정리된 JSON에서 값 하나를 추출합니다.

string

검사할 경로

지원: $, .key, [0], ["공백 있는 key"].

Bob

정리된 JSON

복사 가능한 출력

{
  "status": "ok",
  "items": [
    {
      "id": 1,
      "name": "Bob"
    }
  ]
}

로컬 세션

입력 상태를 이 브라우저에만 저장해 계정 없이 마지막 작업을 복원할 수 있습니다.

결과 확인 후 검토

기본 입력/출력 흐름이 끝난 뒤 필요한 예제, 확인 목록, 관련 도구만 펼쳐 봅니다.

웹 운영 점검 워크벤치

API 응답 정리

붙여 넣은 JSON을 정리하고 경로를 확인한 뒤 타입이나 스키마 검증으로 이어갑니다.

3 도구

1. JSON
페이로드를 검증하고 정리한 뒤 간단한 API 응답 보고서를 복사합니다.
2. JSONPath
코드나 문서에 필요한 정확한 필드 경로를 뽑습니다.
3. JSON TS
샘플 구조를 TypeScript 인터페이스 초안으로 바꿉니다.

JSON 필드 추출

payload를 정리하고 wildcard나 recursive key 경로를 테스트한 뒤 코드에 쓸 구조를 남깁니다.

3 도구

1. JSON
필드를 고르기 전에 붙여 넣은 응답을 정리하고 검증합니다.
2. JSONPath
dot path, bracket key, wildcard, recursive key 검색을 테스트합니다.
3. JSON TS
필드 구조가 명확해지면 TypeScript 타입 초안을 만듭니다.

Webhook signature 검증

HMAC 출력을 만들고 안전한 signature 리포트를 복사한 뒤 webhook 코드를 바꾸기 전에 payload 형태와 encoding을 확인합니다.

3 도구

1. Hash
Digest 또는 HMAC 출력을 만들고 원문 input이나 secret 없이 signature 리포트를 복사합니다.
2. JSON
서명 전에 webhook body 형태나 공백이 바뀌었는지 확인합니다.
3. Base64
Webhook provider가 인코딩 값을 쓰면 Base64/Base64URL body와 signature를 확인합니다.

복사 전 확인

정리된 구조의 array, object, null, number 형태가 API 계약과 맞는지 확인합니다.
token, cookie, 고객 ID, 내부 URL을 제거한 뒤 공유하거나 복사합니다.
JSON 포매터 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.

흔한 실패 사례

trailing comma, comment, single quote가 섞이면 브라우저 JSON 파서에서 실패합니다.
큰 숫자, 날짜, ID는 문법상 맞아도 downstream schema에서 의미가 달라질 수 있습니다.

결과 확인 후 검토

기본 입력/출력 흐름이 끝난 뒤 필요한 예제, 확인 목록, 관련 도구만 펼쳐 봅니다.

가이드

예제

이 도구를 시작하기 좋은 입력값

{"status":"ok","items":[1,2,3]}{"user":{"id":123,"roles":["admin"]},"active":true}[{"id":1,"name":"Bob"},{"id":2,"name":"Alice"}]

사용 사례

데이터

API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.
브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.
JSON 포매터와 관련 도구를 이어서 사용해 작업 흐름을 줄입니다.

정리된 구조의 array, object, null, number 형태가 API 계약과 맞는지 확인합니다.
token, cookie, 고객 ID, 내부 URL을 제거한 뒤 공유하거나 복사합니다.
JSON 포매터 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.