온라인으로 JSON 편집 및 형식 지정

JSON 파일에 현재 저장
코드 모드
다이내믹 트리 모드

호스팅 및 서버

웹 호스팅, 가상 사설 서버, 전용 서버.

모든 제공업체
Bluehost 최저가 $3.99 cPanel을 사용하는 공유 호스팅으로, WordPress.org가 추천하며, Newfold Digital 그룹(HostGator와 같은 그룹) 소속입니다. bunny.net 최저가 $1 제공된 GB당 요금을 부과하며 고정 요금은 없고, 월 최소 1 USD가 적용되며 커버리지에 따라 요금이 다른 두 가지 네트워크를 운영한다. Cloudways 최저가 $11 자체 서버가 없는 매니지드 호스팅. DigitalOcean, Linode, Vultr, AWS, Google Cloud를 하나의 패널 아래 재판매한다. Contabo 최저가 $5.28 RAM과 저장 공간이 넉넉하면서도 매우 저렴한 독일산 VPS 및 전용 서버. 패널이나 소프트웨어 지원 없이 직접 서버를 관리할 수 있는 사용자를 위한 서비스.

브라우저에서 JSON 편집하고 서식 지정하기

들여쓰기도 강조 표시도 없이 한 줄로 이어진 JSON은 읽고 고치기 어렵습니다. 이 도구는 오픈소스 편집기 jsoneditor(Jos de Jong 제작, 버전 9.1.0)를 사용해 브라우저에서 바로 JSON 파일을 열고, 편집하고, 서식을 지정하고, 저장할 수 있게 해주며, 아무것도 설치할 필요가 없습니다.

용도

  • JSON을 강조 표시된 텍스트나 노드 트리 형태로 열어서 확인합니다.
  • 코드에 사용하기 전에 구문 오류(불필요한 쉼표, 작은따옴표, 따옴표 없는 키)를 찾아냅니다.
  • 버튼 하나로 JSON에 서식을 지정(들여쓰기)하거나 한 줄로 압축합니다.
  • 내용을 정렬, 필터링, 변환하고, 큰 JSON 안에서 값을 검색합니다.
  • 값이나 구조 자체를 편집하며, 실수했을 때를 대비해 실행 취소와 다시 실행을 사용합니다.
  • 처음부터 JSON을 만들어 .json 파일로 저장합니다.

두 개의 패널, 여섯 가지 작업 모드

화면에는 두 개의 동기화된 패널이 표시되며, 한쪽에서 변경한 내용은 다른 쪽에도 반영됩니다. 왼쪽은 code 모드(강조 표시와 구문 검증이 있는 텍스트)로 시작하고, 오른쪽은 tree 모드(편집 가능한 트리)로 시작합니다. 둘 다 다음 여섯 가지 모드 중 어느 것으로든 전환할 수 있습니다.

  • code: 강조 표시와 오류 알림이 있는 텍스트 형태의 JSON.
  • text: 강조 표시가 없는 일반 텍스트 형태의 JSON.
  • tree: 키와 값을 추가, 이동, 삭제할 수 있는 완전히 편집 가능한 트리.
  • form: 구조는 건드리지 않고 값만 편집하는 트리.
  • view: 위험 없이 살펴볼 수 있는 읽기 전용 트리.
  • preview: 큰 문서를 위한 읽기 전용 텍스트 보기.

각 모드의 버튼

도구 모음은 모드에 따라 달라집니다.

  • 서식 지정(Ctrl+\)은 들여쓰기와 줄바꿈을 추가하고, 압축(Ctrl+Shift+\)은 한 줄로 만듭니다. 둘 다 코드 모드에 있습니다.
  • 내용 정렬과 내용 필터링, 정렬 또는 변환: 코드 모드와 트리 모드에 있습니다.
  • JSON 복구(코드 모드): 일반적인 오류를 고치려고 시도하며, 다음 항목을 참고하세요.
  • 실행 취소(Ctrl+Z)와 다시 실행(Ctrl+Shift+Z): 두 모드 모두에 있습니다.
  • 모두 펼치기와 모두 접기, 그리고 다음 또는 이전 결과로 이동하는 검색 상자: 트리 모드에 있습니다.

JSON 파일을 만들고 편집하고 저장하는 방법

  1. 왼쪽 패널에 JSON을 입력하거나 붙여넣으세요. 또는 불러오기 버튼을 눌러 컴퓨터에서 파일을 열 수 있습니다(브라우저에서 읽어 두 패널에 모두 표시됩니다).
  2. 오른쪽 패널을 트리 모드로 확인하세요. 동기화되어 있으므로 모든 변경 사항이 다른 패널에도 자동으로 나타납니다.
  3. 값만 바꾸고 싶다면 form 모드를 사용하고, 편집 없이 살펴보려면 view나 preview를 사용하세요.
  4. 서식 지정으로 서식을 맞추고, 압축으로 한 줄로 만들거나, JSON 복구로 일반적인 오류를 고치세요. 실행 취소는 모든 변경을 되돌립니다.
  5. 저장 버튼을 누르고 파일 이름을 입력하세요(.json으로 끝나지 않으면 자동으로 추가됩니다). 그런 다음 다운로드하세요.

가장 흔한 구문 오류

유효한 JSON은 엄격한 문법(RFC 8259)을 따릅니다.

  • 마지막 쉼표: {"이름": "Ana",} — 이 마지막 쉼표를 지워야 합니다.
  • 작은따옴표: {'이름': 'Ana'}는 {"이름": "Ana"}여야 합니다.
  • 따옴표 없는 키: {이름: "Ana"} — 모든 키는 큰따옴표로 감싸야 합니다.
  • 주석: // 이건 안 됩니다 — JSON은 //든 /* */든 주석을 허용하지 않습니다.

JSON 복구는 잘못 놓인 따옴표와 이스케이프 문자를 자동으로 고치고, 주석과 JSONP 표기를 제거하며, JavaScript 객체를 유효한 JSON으로 변환하려고 시도하지만, 모든 오류를 고친다고 보장하지는 않으므로 결과를 확인하는 것이 좋습니다. JSON에 Unix 타임스탬프나 Base64url 부분이 포함된 토큰(JWT 등)이 있다면 Unix 타임스탬프 변환기나 Base64 디코더로 따로 확인할 수 있습니다.

개인정보 보호

붙여넣거나 불러오거나 편집하는 JSON은 브라우저를 벗어나지 않습니다. 페이지는 그 내용을 어떤 서버로도 전송하지 않습니다. 모든 작업은 여러분 자신의 컴퓨터에서 이루어지므로, 어디에도 올리고 싶지 않은 데이터도 안심하고 다룰 수 있습니다.