JSON 포맷터란?
JSON 포맷터(JSON Formatter)는 한 줄로 길게 이어져 있거나 들여쓰기가 일정하지 않은 JSON 데이터를 보기 좋은 형태로 정리하는 온라인 도구입니다. JSON 데이터를 붙여넣으면 객체와 배열 구조에 맞춰 자동으로 줄바꿈과 들여쓰기를 적용해 복잡한 데이터도 쉽게 확인할 수 있습니다.
이 도구에서는 JSON 정리뿐 아니라 JSON 압축, JSON 유효성 검사도 함께 사용할 수 있습니다. 잘못된 JSON이 입력되면 오류가 발생한 줄과 위치를 확인할 수 있으며, JSON 파일 불러오기와 저장, 키 정렬, 여러 파일 탭 편집도 지원합니다.
JSON을 보기 좋게 정리하는 방법
정리할 JSON 데이터를 에디터에 붙여넣고 Pretty를 누르면 JSON 구조에 맞게 줄바꿈과 들여쓰기가 자동으로 적용됩니다. 들여쓰기는 스페이스 2칸, 스페이스 4칸 또는 탭 중에서 선택할 수 있습니다.
특히 한 줄로 길게 작성된 JSON은 중괄호와 대괄호가 반복되어 어디에서 객체나 배열이 시작되고 끝나는지 확인하기 어렵습니다.JSON Pretty Print를 사용하면 각 항목의 구조가 구분되어 원하는 값을 훨씬 쉽게 찾을 수 있습니다.
JSON 압축하기
JSON Minify는 JSON에 포함된 불필요한 공백과 줄바꿈을 제거해 한 줄에 가까운 형태로 만드는 기능입니다. 보기 좋게 정리된 JSON을 다시 간단한 형태로 줄이고 싶거나, 긴 JSON 내용을 짧게 복사하고 싶을 때 사용할 수 있습니다.
Pretty는 사람이 읽기 편하게 JSON을 정리하는 기능이고, Minify는 반대로 공백과 줄바꿈을 줄이는 기능입니다. 필요에 따라 두 기능을 번갈아 사용할 수 있습니다.
JSON 유효성 검사와 오류 확인
JSON을 직접 작성하거나 복사하는 과정에서는 쉼표, 콜론, 큰따옴표, 중괄호나 대괄호가 빠져 올바른 JSON 형식이 아니게 되는 경우가 있습니다. 이 JSON 포맷터는 입력한 내용을 검사해 JSON 문법 오류가 있는지 확인할 수 있습니다.
오류가 발견되면 에디터와 하단 Console에 문제가 있는 줄과 위치가 표시됩니다. 오류 항목을 선택하면 해당 위치로 바로 이동할 수 있어 긴 JSON에서도 잘못된 부분을 빠르게 찾을 수 있습니다.
JSON에서 자주 발생하는 오류
JSON 형식이 올바르지 않을 때는 다음과 같은 원인을 먼저 확인해볼 수 있습니다.
- 항목 사이의 쉼표(,)가 빠진 경우
- 키와 값 사이의 콜론(:)이 빠진 경우
- 마지막 항목 뒤에 불필요한 쉼표가 있는 경우
- 문자열의 큰따옴표가 제대로 닫히지 않은 경우
- 중괄호
{}또는 대괄호[]의 짝이 맞지 않는 경우 - JSON에서 사용할 수 없는 형식의 값이 포함된 경우
JSON 키 정렬
JSON 객체에 많은 항목이 들어 있다면 키 순서를 정리해 내용을 더 쉽게 확인할 수 있습니다. JSON 키 정렬 기능을 사용하면 객체 안의 키를 일정한 순서로 정리할 수 있습니다. 배열에 들어 있는 항목의 순서는 그대로 유지됩니다.
비슷한 구조의 JSON을 확인하거나 특정 키를 빠르게 찾고 싶을 때 키를 정렬해두면 전체 내용을 살펴보기 편리합니다.
JSON 파일 불러오기와 저장
직접 JSON을 붙여넣는 것뿐 아니라 기존
.json 파일을 불러와 바로 확인하고 편집할 수 있습니다. 여러 JSON 파일을 각각의 탭으로 열 수 있어 서로 다른 데이터를 번갈아 확인하기에도 편리합니다.작업이 끝난 JSON은 전체 내용을 복사하거나 다시 JSON 파일로 저장할 수 있습니다. 파일 이름을 직접 지정할 수 있으며, 수정한 내용을 새로운 JSON 파일로 보관할 때 활용할 수 있습니다.
자동 저장으로 작업 내용 유지
자동 저장을 켜두면 현재 편집 중인 JSON과 열린 파일 탭을 브라우저에 저장합니다. 실수로 페이지를 새로고침하더라도 이전 작업 내용을 다시 불러와 이어서 사용할 수 있습니다.
자동 저장이 필요하지 않은 경우에는 언제든지 끌 수 있습니다. 저장된 작업 내용은 현재 사용 중인 브라우저를 기준으로 관리됩니다.
라이트 모드와 다크 모드
JSON 에디터는 라이트 모드와 다크 모드를 모두 지원합니다. 기기의 시스템 화면 설정을 자동으로 따르도록 설정하거나 원하는 테마를 직접 선택할 수 있습니다.
JSON 포맷터가 필요한 경우
- 한 줄로 된 JSON을 여러 줄로 보기 좋게 정리하고 싶을 때
- 복잡하게 중첩된 JSON 구조를 쉽게 확인하고 싶을 때
- JSON에서 잘못된 문법이나 오류 위치를 찾고 싶을 때
- JSON의 불필요한 공백과 줄바꿈을 제거하고 싶을 때
- JSON 객체의 키 순서를 정리하고 싶을 때
- JSON 파일을 불러와 확인하거나 수정하고 싶을 때
- 수정한 JSON을 다시 파일로 저장하고 싶을 때
JSON Pretty와 Minify의 차이
Pretty는 JSON에 줄바꿈과 들여쓰기를 적용해 사람이 읽기 쉬운 형태로 만드는 기능입니다. JSON 내용을 확인하거나 수정할 때 사용하기 좋습니다.
반대로 Minify는 불필요한 공백과 줄바꿈을 제거해 JSON을 짧은 형태로 만드는 기능입니다. JSON의 내용을 확인할 때는 Pretty, 공간을 줄여 한 줄 형태로 만들고 싶을 때는 Minify를 사용하면 됩니다.
올바른 JSON 형식을 확인하는 방법
JSON이 정상적으로 정리되지 않는다면 먼저 문법 오류가 있는지 확인해야 합니다. 객체의 키와 문자열에는 큰따옴표를 사용하고, 각 항목은 쉼표로 구분해야 합니다. 또한 객체와 배열을 열었다면 반드시 알맞은 중괄호 또는 대괄호로 닫아야 합니다.
이 도구의 JSON 유효성 검사를 이용하면 직접 긴 내용을 하나씩 확인하지 않아도 문제가 있는 위치를 빠르게 찾을 수 있습니다. JSON 포맷팅이 되지 않는 경우 먼저 하단의 오류 내용을 확인해보세요.
자주 묻는 질문
- Q. 한 줄로 된 JSON도 자동으로 정리할 수 있나요?A. 가능합니다. JSON을 붙여넣고 Pretty를 누르면 객체와 배열 구조에 맞춰 자동으로 줄바꿈과 들여쓰기가 적용됩니다.
- Q. JSON을 한 줄로 압축할 수도 있나요?A. 가능합니다. Minify를 사용하면 불필요한 공백과 줄바꿈을 제거해 JSON을 짧은 형태로 만들 수 있습니다.
- Q. JSON 오류도 확인할 수 있나요?A. 가능합니다. JSON 문법에 문제가 있으면 오류가 발생한 줄과 위치를 표시합니다. 하단 Console의 오류를 선택하면 해당 위치로 이동할 수 있습니다.
- Q. JSON 키 순서를 자동으로 정리할 수 있나요?A. 가능합니다. 키 정렬 기능을 사용하면 객체 안의 키를 일정한 순서로 정리할 수 있습니다. 배열에 들어 있는 항목의 순서는 변경되지 않습니다.
- Q. JSON 파일을 직접 불러올 수 있나요?A. 가능합니다. JSON 파일을 불러와 에디터에서 바로 확인하고 수정할 수 있으며, 여러 파일을 각각의 탭으로 열 수도 있습니다.
- Q. 수정한 JSON을 다시 파일로 저장할 수 있나요?A. 가능합니다. 현재 JSON을 복사하거나 원하는 파일 이름을 지정해 JSON 파일로 다시 저장할 수 있습니다.
- Q. 새로고침하면 작성한 JSON이 사라지나요?A. 자동 저장이 켜져 있으면 작업 중인 JSON과 열린 파일 탭이 브라우저에 저장되어 새로고침한 뒤에도 작업을 이어갈 수 있습니다.
- Q. 다크 모드도 사용할 수 있나요?A. 가능합니다. 시스템 화면 설정을 자동으로 따르거나 라이트 모드와 다크 모드 중 원하는 테마를 직접 선택할 수 있습니다.
- Q. JSON을 입력해도 정리가 되지 않는 이유는 무엇인가요?A. 쉼표, 콜론, 큰따옴표 또는 중괄호·대괄호가 빠진 경우처럼 JSON 문법에 오류가 있을 가능성이 있습니다. 하단 Console에서 표시되는 오류 위치를 먼저 확인해보세요.
