API 응답 데이터가 한 줄로 쭉 이어져 있다. 중괄호와 대괄호가 뒤엉켜서 어디가 어딘지 모르겠다. JSON 포매터에 붙여넣으면 들여쓰기가 적용되어 구조가 한눈에 보인다.
JSON이란
JSON(JavaScript Object Notation)은 데이터를 저장하고 전송하는 표준 형식이다. 키-값 쌍으로 이루어진 객체와 배열로 구성된다. API 통신, 설정 파일, 데이터 저장에 널리 사용된다. 사람이 읽을 수 있고 기계도 파싱하기 쉬운 형태다.
포매팅이 필요한 이유
서버에서 오는 JSON은 공백 없이 압축되어 있다. 네트워크 전송 용량을 줄이기 위해서다. 하지만 이 상태로는 데이터 구조를 파악하기 어렵다. 들여쓰기와 줄바꿈을 적용하면 어떤 데이터가 어디에 있는지 명확해진다.
사용 방법
gooale.kr/json-formatter에 JSON 데이터를 붙여넣는다. 자동으로 들여쓰기가 적용되어 정렬된 형태로 보여준다. 2칸 또는 4칸 들여쓰기 중 선택할 수 있다. 정렬된 JSON을 복사해서 문서나 코드에 붙여넣을 수 있다.
문법 검사
JSON 형식이 잘못되면 오류 메시지가 표시된다. 쉼표가 빠졌거나 따옴표가 없거나 괄호 짝이 안 맞으면 알려준다. 어느 줄, 어느 위치가 잘못됐는지 구체적으로 표시되어 수정하기 쉽다.
축소(Minify) 기능
반대로 정렬된 JSON을 한 줄로 압축하는 것도 가능하다. 설정 파일을 서버에 올리기 전에 용량을 줄일 때 사용한다. 불필요한 공백과 줄바꿈을 모두 제거해서 파일 크기가 줄어든다.
트리 뷰
중첩된 객체와 배열을 트리 구조로 펼쳐서 볼 수 있다. 각 노드를 클릭하면 접거나 펼 수 있다. 대용량 JSON 데이터에서 원하는 부분만 집중해서 볼 때 유용하다. 깊이 중첩된 데이터도 쉽게 탐색할 수 있다.
개발자 활용 사례
API 응답을 디버깅할 때 제일 많이 쓴다. 예상한 데이터가 들어왔는지, 구조가 맞는지 확인한다. 설정 파일(package.json, tsconfig.json 등)을 편집할 때도 유용하다. 테스트용 JSON 데이터를 만들 때 형식을 검증한다.
보안
입력한 JSON은 브라우저에서 처리된다. 서버로 전송되지 않으므로 민감한 데이터도 안심하고 붙여넣을 수 있다. API 키나 개인정보가 포함된 JSON을 다룰 때도 걱정 없다.