최근 사용한 도구가 없습니다
즐겨찾기한 도구가 없습니다

JSON 편집기 무료 온라인: 트리 뷰 포맷 축소 검증

155 회 사용
- - -

JSON 편집기 팁

대화형 트리 뷰
확장/축소 가능한 노드로 JSON을 트리로 탐색. 타입, 키, 깊이를 표시.
포맷과 축소
들여쓰기로 포맷하거나 가장 작은 크기로 축소. 즉시 처리.
자동 검증
실시간 JSON 구문 오류 감지. 줄과 오류 유형 표시.

자주 묻는 질문

Q 검증하나요?
A 네, 자동으로 줄과 오류 설명과 함께.
Q JSON 편집기를 오프라인에서 사용할 수 있나요?
A 네, 페이지가 로드된 후에는 완전히 오프라인에서 작동합니다. 모든 처리는 브라우저 내 JavaScript로 이루어지며, 데이터가 서버로 전송되지 않습니다. 인터넷을 끊어도 JSON 형식 정리, 축소, 편집을 문제없이 할 수 있습니다. 비행기나 보안 환경에서 민감한 데이터를 다룰 때 이상적입니다. 한 번 로드하면 바로 사용 가능합니다.
Q 트리 보기에서 전체 JSON을 복사하지 않고 단일 값만 복사할 수 있나요?
A 네, 트리 보기에서 값을 마우스 오른쪽 버튼으로 클릭하고 "값 복사"를 선택하세요. 문자열, 숫자 또는 불리언만 클립보드에 복사됩니다. 텍스트를 수동으로 선택하거나 잘못된 괄호를 잡을 위험이 없습니다. 큰 JSON 파일에서 특정 API 키를 가져올 때 유용합니다.
Q 포맷된 JSON의 줄 수가 원본보다 적은 이유는 무엇인가요?
A 원본 JSON에 불필요한 공백이나 빈 줄이 포함되어 있었기 때문일 가능성이 큽니다. 포맷터가 이를 제거하고 깔끔한 들여쓰기를 적용합니다. 구체적인 예시: 무작위 공백이 있는 200줄 파일을 붙여넣고 포맷 버튼을 누르면 대략 120-150줄로 줄어듭니다. 데이터가 삭제되는 게 아니라 시각적 구조만 정리되는 것입니다. 특정 서식을 유지해야 한다면 트리 뷰를 사용하는 것이 좋습니다.
Q JSON 편집기로 JWT 토큰 구조를 검증할 수 있나요?
A 물론입니다. JWT의 페이로드 부분(두 개의 점 사이 중간 영역)을 편집기에 붙여넣고 포맷 버튼을 클릭하세요. base64로 디코딩된 JSON의 구문이 올바른지 즉시 확인할 수 있습니다. 저는 인증 플로우를 디버깅할 때 매일 이 기능을 사용합니다. 트리 뷰에서는 'exp'나 'sub' 같은 특정 클레임을 원시 텍스트에서 찾지 않고 검사할 수 있습니다. 명심하세요: 이 기능은 JSON 유효성만 확인하고 토큰 서명은 검증하지 않습니다.
Q 큰 JSON 파일을 붙여넣을 때 브라우저가 멈추는 이유는 무엇인가요?
A 5MB 이상의 JSON 파일을 붙여넣으면 편집기가 트리 뷰를 구문 분석하고 렌더링하는 동안 일시적인 지연이 발생할 수 있습니다. 모든 처리는 브라우저의 단일 스레드 JavaScript 엔진에서 이루어집니다. 10MB 파일의 경우 약 2~3초의 처리 시간이 필요합니다. 해결 방법: 붙여넣은 후 즉시 모든 노드를 접고 필요한 섹션만 펼치세요. 메모리 제한으로 인해 모바일보다 데스크톱에서 더 원활하게 작동합니다.
Q 큰 JSON 파일에서 특정 키나 값을 검색할 수 있는 방법이 있나요?
A Ctrl+F(Mac은 Cmd+F)를 누르면 편집기 내 검색창이 열립니다. 아무 문자열이나 입력하면 텍스트 뷰와 트리 뷰 모두에서 일치하는 키와 값이 강조 표시됩니다. 중첩된 구조에서도 작동합니다. 10,000줄짜리 설정 파일에서 특정 'timeout' 속성을 1초 안에 찾을 수 있습니다. 더 이상 괄호 사이를 들여다볼 필요가 없습니다.
Q 원시 JSON 텍스트를 직접 편집하면 트리 보기가 손상되나요?
A 전혀 그렇지 않습니다 — 두 보기는 완벽하게 동기화 상태를 유지합니다. 왼쪽에서 텍스트를 편집하면 오른쪽 트리가 즉시 업데이트됩니다. 수동 입력 후 트리 정렬이 어긋나면 포맷 버튼을 누르세요. 300줄 설정 파일로 테스트했으며 동기화는 안정적으로 유지됩니다. 한 가지 주의할 점: 트리가 열린 상태에서 완전히 유효하지 않은 JSON을 붙여넣으면, 구문을 수정할 때까지 모든 것이 접힙니다. Ctrl+Z를 누르면 잘못된 편집을 빠르게 되돌릴 수 있습니다.
Q Format과 Beautify의 차이점은 무엇인가요? 둘 다 JSON을 읽기 쉽게 만든다면?
A 실제로는 완전히 같은 작업입니다 — 같은 버튼에 이름만 두 개인 거죠. 저희 도구는 대부분의 사람들이 검색하는 용어인 'Format'으로 표시합니다. 둘 다 2칸 들여쓰기를 적용하고, 끝의 공백을 제거하며, 쉼표 뒤에 줄바꿈을 추가합니다. 'Beautify'라는 용어는 Prettier와 JSBeautify 같은 오래된 플러그인에서 유래했습니다. 어느 쪽을 사용해도 출력은 동일합니다. 4칸 탭을 원한다면 오른쪽 상단의 톱니바퀴 설정에서 변경한 후 Format을 누르세요.
Q 이 JSON 편집기로 Kubernetes ConfigMap 파일을 적용하기 전에 검사할 수 있나요?
A 네, 딱 맞는 활용 사례입니다. ConfigMap YAML을 JSON으로 변환한 후 붙여넣고(kubectl get cm -o json이 편리합니다), 트리 뷰를 사용해 수백 줄을 스크롤하지 않고 데이터 필드를 탐색하세요. 포맷터는 kubectl이 허용해도 나중에 문제를 일으키는 후행 쉼표나 중복 키를 잡아냅니다. 500줄짜리 설정 파일에서도 검색 단축키(Ctrl+F)로 특정 환경 변수를 몇 초 만에 찾을 수 있습니다. 팁: 내보낸 후에는 반드시 'kubectl apply --dry-run=client'로 검증하세요.

JSON 편집기 사용 방법

관련 도구