JSON 에디터

JSON 에디터란?

API에서 JSON 덩어리를 받아와 코드 에디터를 열거나 뭔가를 설치하지 않고도 한 필드만 빠르게 수정하고 싶었던 적 있으신가요? 그게 바로 이 JSON 에디터의 존재 이유입니다. 완전히 브라우저 안에서 동작하니 데이터는 항상 내 손 안에 있습니다. JSON(RFC 8259 정의)은 현대 API, 설정 파일, 데이터 저장소의 근간입니다. 이 에디터로 JSON 작업을 빠르고 편하게 하세요.

이 에디터는 입력하는 동안 JSON을 자동으로 검증하고, 오류를 강조하며, 클릭 한 번으로 포맷과 압축을 제공합니다. 특정 구조를 강제하고 싶다면 JSON Schema와 함께 사용해 유효성 검사 규칙을 추가해 보세요.

사용 방법

1

JSON 입력 또는 붙여넣기

에디터에 직접 JSON을 입력하거나 기존 JSON을 붙여넣으세요. 에디터는 입력을 실시간으로 검증합니다.

2

툴바 동작 사용

포맷 클릭으로 pretty-print, 압축으로 컴팩트화, 복사로 클립보드에, 다운로드로 저장, 업로드로 로드, 지우기로 초기화.

3

상태 표시줄 확인

에디터 아래의 상태 표시줄에 JSON이 유효한지 또는 오류 메시지가 표시됩니다.

예시

예시: 제품 JSON 객체 편집

편집할 JSON:

{
  "project": "My App",
  "version": "1.0.0",
  "author": {
    "name": "Jane Doe",
    "email": "[email protected]"
  },
  "dependencies": ["angular", "rxjs", "typescript"],
  "settings": {
    "debug": false,
    "maxRetries": 3
  }
}

가격 편집 및 필드 추가 후:

{
  "id": "P001",
  "name": "Widget Pro",
  "price": 24.99,
  "tags": ["hardware", "tools"],
  "inStock": true,
  "discount": 0.15
}

자주 묻는 질문

아무것도 설치하지 않고 온라인으로 JSON을 편집하려면?

이 페이지의 에디터에 JSON을 붙여넣기만 하면 됩니다. 브라우저에서 바로 검증, 포맷, 편집이 가능합니다 — 확장 프로그램, 설치, 계정 모두 필요 없습니다. JSON 형식 자체에 대한 빠른 참고를 원한다면 MDN JSON 가이드가 좋은 출발점입니다.

이 JSON 에디터는 입력하면서 검증하나요?

예. 에디터는 입력하면서 300ms 디바운스로 JSON을 확인하며, 초록색 "유효한 JSON" 배지 또는 정확히 무엇이 잘못됐는지 가리키는 빨간 오류 메시지를 표시합니다.

로컬 JSON 파일을 열어서 여기서 편집할 수 있나요?

예. 업로드 버튼을 클릭하면 내 컴퓨터에서 .json 또는 .txt 파일을 로드할 수 있습니다. 편집이 끝나면 다운로드로 저장하세요.

관련 도구