JSON 포맷터 사용법 - JSON 데이터를 보기 좋게 정리하는 방법
복잡한 JSON 데이터를 깔끔하게 정렬하고 유효성을 검사하는 방법. 개발자를 위한 JSON 포맷터 활용 가이드.
{ }
JSON 포맷터 바로 사용하기
JSON을 예쁘게 정렬하고 검증하세요
→
JSON 포맷팅이 필요한 이유
API 응답이나 설정 파일에서 받은 JSON 데이터는 보통 한 줄로 압축되어 있습니다. 이런 상태에서는 데이터 구조를 파악하기 어렵고, 오류를 찾기도 힘듭니다.
예를 들어 {'name':'홍길동','age':30,'address':{'city':'서울','zip':'06000'}} 같은 데이터를 들여쓰기로 정렬하면 각 키와 값의 관계를 한눈에 파악할 수 있습니다. 특히 중첩된 객체나 배열이 많은 복잡한 JSON일수록 포맷팅의 효과가 큽니다.
JSON 문법 오류 찾는 법
JSON은 엄격한 문법 규칙을 따릅니다. 흔히 발생하는 오류들:
- 쉼표 오류: 마지막 항목 뒤에 쉼표를 넣으면 안 됩니다 (trailing comma)
- 따옴표: 키와 문자열 값은 반드시 큰따옴표(")를 사용해야 합니다. 작은따옴표(')는 허용되지 않습니다.
- 주석 불가: JSON에서는 // 또는 /* */ 주석을 사용할 수 없습니다
- 데이터 타입: undefined, NaN, Infinity는 JSON에서 사용할 수 없습니다
JSON 포맷터를 사용하면 이런 오류를 자동으로 감지하고 정확한 위치를 알려줍니다.
개발 실무에서 JSON 활용
현대 웹 개발에서 JSON은 데이터 교환의 표준입니다:
- REST API 통신: 대부분의 API가 JSON 형식으로 데이터를 주고받습니다
- 설정 파일: package.json, tsconfig.json 등 프로젝트 설정에 사용
- 데이터 저장: MongoDB, Firebase 등 NoSQL 데이터베이스의 기본 형식
- 로컬 스토리지: 브라우저 localStorage에 객체를 저장할 때 JSON.stringify 사용
API 디버깅 시 Postman이나 브라우저 개발자 도구에서 받은 응답을 JSON 포맷터로 정리하면 문제를 빠르게 파악할 수 있습니다.
Toolkio JSON 포맷터 사용법
Toolkio의 JSON 포맷터는 브라우저에서 바로 실행되며, 데이터가 서버로 전송되지 않습니다.
1. JSON 데이터를 입력란에 붙여넣기
2. 포맷 버튼을 클릭하면 들여쓰기가 적용된 깔끔한 JSON 출력
3. 문법 오류가 있으면 오류 위치와 내용을 표시
4. 결과를 복사하여 사용
압축(minify) 기능도 제공하여, 정리된 JSON을 다시 한 줄로 압축할 수도 있습니다.