JSON이 뭔가요
개발하다 보면 JSON 형식을 자주 봅니다. API 응답이나 설정 파일에 많이 쓰입니다. 중괄호와 대괄호가 가득한 텍스트인데 읽기가 어렵습니다. JSON의 기본과 보기 좋게 정리하는 방법을 알려드릴게요.
JSON의 구조
JavaScript Object Notation의 약자입니다. 데이터를 저장하고 전송하는 형식입니다. 키와 값의 쌍으로 이루어져 있습니다. 중괄호로 객체를 대괄호로 배열을 표현합니다. 사람이 읽을 수 있고 기계도 파싱하기 쉽습니다.
왜 포맷팅이 필요한가요
API 응답은 보통 한 줄로 옵니다. 공백 없이 압축되어 있어서 읽기 힘듭니다. 포맷터를 쓰면 들여쓰기가 되어 구조가 보입니다. 디버깅할 때 필수입니다. 어디가 잘못되었는지 찾기 쉬워집니다.
온라인 포맷터
JSON 포맷터에 코드를 붙여넣으면 됩니다. 자동으로 들여쓰기가 됩니다. 문법 오류가 있으면 알려주기도 합니다. 다시 압축하는 기능도 있습니다. 설치 없이 브라우저에서 바로 쓸 수 있어서 편리합니다.
개발 도구 활용
VS Code 같은 에디터에서도 포맷팅이 됩니다. Shift+Alt+F로 자동 정렬합니다. 브라우저 개발자 도구에서도 JSON을 예쁘게 볼 수 있습니다. Network 탭에서 Response를 클릭하면 됩니다. 크롬 확장 프로그램으로 JSON Viewer도 있습니다.
유효성 검사
JSON은 문법이 엄격합니다. 쉼표가 하나 빠져도 오류입니다. 문자열은 반드시 큰따옴표로 감싸야 합니다. 마지막 항목 뒤에 쉼표가 있으면 안 됩니다. 포맷터가 오류 위치를 알려주니 수정이 쉽습니다.
실무 팁
API 테스트할 때 응답을 포맷팅해서 확인하세요. 설정 파일 수정 전에 백업해두세요. 민감한 데이터는 온라인 도구에 붙여넣지 마세요. 비밀번호 생성기와 개발 도구들을 함께 활용하면 효율적입니다.