Toolypet
개발 도구/JSON 포맷터

JSON 포맷터

구문 강조와 함께 JSON 포맷팅, 검증, 압축

입력 JSON

JSON을 여기에 붙여넣으세요...

출력

포맷된 JSON이 여기에 표시됩니다...

옵션

JSON 포맷터 가이드

JSON 데이터를 효과적으로 포맷팅하고 검증하는 방법을 알아보세요

JSON이란?

JSON(JavaScript Object Notation)은 사람이 읽고 쓰기 쉽고, 기계가 파싱하고 생성하기 쉬운 경량 데이터 교환 형식입니다. API 응답, 설정 파일, 데이터 저장에 널리 사용됩니다.

사용 방법

  1. 입력 필드에 JSON 데이터 붙여넣기
  2. 원하는 들여쓰기 크기 선택 (2, 4, 또는 8칸)
  3. '포맷'을 클릭하여 정리하거나 '압축'을 클릭하여 압축
  4. 복사 버튼으로 포맷된 결과 복사

전문가 팁

  • 샘플 버튼으로 올바르게 포맷된 JSON 예제 확인
  • 유효하지 않은 JSON은 구문 문제에 대한 상세한 오류 메시지 표시
  • 압축된 JSON은 프로덕션에서 파일 크기를 줄이는데 유용

브라우저 지원

JSON 파싱 및 포맷팅은 모든 최신 브라우저에서 내장된 JSON.parse() 및 JSON.stringify() 메서드를 통해 지원됩니다.

자주 묻는 질문

JSON과 JavaScript 객체의 차이점은 무엇인가요?

JSON은 문자열 형태의 데이터 교환 포맷이고, JavaScript 객체는 메모리상의 데이터 구조입니다. JSON에서 키는 반드시 큰따옴표로 감싸야 하고, 함수나 undefined를 포함할 수 없습니다. 또한 후행 쉼표가 허용되지 않습니다.

JSON 파싱 오류의 일반적인 원인은 무엇인가요?

가장 흔한 오류는 후행 쉼표(trailing comma), 작은따옴표 사용(큰따옴표만 허용), 주석 포함, 마지막 속성 뒤 쉼표, 따옴표 없는 키 이름입니다. 이 도구는 오류 위치를 정확히 알려줍니다.

JSON을 압축하면 어떤 이점이 있나요?

압축(minify)하면 공백과 줄바꿈이 제거되어 파일 크기가 줄어듭니다. API 응답이나 네트워크 전송 시 대역폭을 절약하고 로딩 속도가 향상됩니다. 보통 20-30% 정도 크기가 줄어듭니다.

중첩된 JSON을 어떻게 쉽게 읽을 수 있나요?

들여쓰기를 사용하면 중첩 구조가 시각적으로 명확해집니다. 2칸 또는 4칸 들여쓰기가 일반적입니다. 이 도구에서 원하는 들여쓰기 크기를 선택하면 자동으로 구조화됩니다.

JSON에서 날짜를 어떻게 다루나요?

JSON에는 날짜 타입이 없어서 문자열로 표현합니다. ISO 8601 형식(예: '2024-01-15T09:30:00Z')이 표준입니다. 파싱 시 Date 객체로 변환해야 하며, 타임존 처리에 주의가 필요합니다.