·2분 읽기
JSON 데이터 정리하는 법 - 개발자라면 매일 쓰는 필수 도구
API 응답이 한 줄로 뭉쳐서 읽을 수가 없죠? JSON 포맷터로 깔끔하게 정리하는 방법을 알려드릴게요.
{ }
JSON 포맷터 바로 사용하기
JSON을 예쁘게 정렬하고 검증하세요
→
API 응답이 한 줄로 오면 답답하죠
개발하다 보면 API 응답을 확인해야 할 때가 많잖아요. 근데 서버에서 오는 JSON이 이렇게 생겼어요:
["name":"홍길동","age":30,"address":["city":"서울","zip":"12345"]]
한 줄에 다 붙어 있으면 어디가 뭔지 알 수가 없거든요. 특히 데이터가 중첩되면 머리가 아파요.
저도 매번 이런 상황이라 JSON 포맷터를 즐겨찾기에 넣어두고 쓰거든요.
JSON 포맷팅이 필요한 3가지 상황
1. API 디버깅: REST API 응답을 분석할 때 정리된 JSON이 필수예요. 중첩된 객체 구조를 한눈에 파악할 수 있거든요.
2. 설정 파일 수정: package.json, tsconfig.json 같은 설정 파일을 수정할 때 들여쓰기가 엉켜 있으면 실수하기 쉬워요.
3. 데이터 검증: JSON 문법 오류를 찾을 때도 포맷터가 유용해요. 쉼표 빠진 거, 따옴표 안 닫은 거 바로 잡아내거든요.
특히 프론트엔드 개발자는 하루에도 몇 번씩 JSON을 확인해야 해서 포맷터 없으면 일이 안 돼요.
Toolkio JSON 포맷터 사용법
Toolkio JSON 포맷터는 브라우저에서 바로 사용할 수 있어요:
1. toolkio.com에서 JSON 포맷터 선택
2. JSON 데이터를 붙여넣기
3. 자동으로 들여쓰기 정리가 돼요
4. 문법 오류가 있으면 바로 알려줘요
들여쓰기 크기도 2칸, 4칸 중에 선택할 수 있고, 압축(Minify) 기능도 있어요. 배포할 때는 압축해서 용량을 줄이고, 개발할 때는 포맷팅해서 읽기 좋게 만드세요.
데이터가 서버로 전송되지 않으니 회사 내부 데이터도 안심하고 쓸 수 있어요.
JSON 다룰 때 자주 하는 실수
JSON 작업할 때 이런 실수 자주 하거든요:
- 마지막 항목 뒤에 쉼표: JavaScript는 허용하는데 JSON은 안 돼요
- 작은따옴표 사용: JSON은 반드시 큰따옴표만 써야 해요
- 주석 넣기: JSON에는 주석을 넣을 수 없어요
- undefined 사용: JSON에서는 null만 가능해요
Toolkio 포맷터에 붙여넣으면 이런 오류를 바로 잡아내니까 시간을 아낄 수 있어요. 개발하면서 JSON 볼 일 있으면 바로 써보세요.