Tool Kumar

Tool Kumar 도구

오프라인 JSON 포맷터

첫 온라인 방문에서 앱 캐싱이 끝나면 인터넷 연결 없이도 JSON을 포맷할 수 있습니다. 브라우저 탭에 둔 채 쓰거나, 지원되는 플랫폼에서는 웹 앱으로 설치할 수 있습니다.

도구 사용 방법

  1. 인터넷에 연결된 상태에서 Tool Kumar를 열고, 페이지 로드가 끝난 뒤 몇 초 기다립니다. 브라우저가 사이트 데이터를 저장하도록 허용합니다.
  2. 개발자 도구를 열고 ‘네트워크(Network)’를 선택한 뒤, 제한(throttling) 메뉴를 ‘오프라인(Offline)’으로 바꾸고 홈페이지를 새로고침합니다. 휴대폰에서는 비행기 모드를 켜고 새로고침합니다.
  3. 샘플을 붙여넣고 포맷된 출력이 나타나는지 확인합니다. 변환 기능이 필요하다면 함께 테스트한 뒤, 네트워크 설정을 원래대로 되돌립니다.

사용 예제

온라인일 때도, 애플리케이션 리소스가 오프라인용으로 캐시된 뒤에도 같은 로컬 포맷터가 이 출력을 만듭니다.

입력

{"user-id":42,"display name":"Ada","class":true,"profile":{"city":"London","created_at":"2026-10-14T09:00:00Z"},"items":[{"sku":"A1","price":12,"note":null},{"sku":"B2","price":12.5,"note":"gift"}],"metadata":null}

출력

{
  "user-id": 42,
  "display name": "Ada",
  "class": true,
  "profile": {
    "city": "London",
    "created_at": "2026-10-14T09:00:00Z"
  },
  "items": [
    {
      "sku": "A1",
      "price": 12,
      "note": null
    },
    {
      "sku": "B2",
      "price": 12.5,
      "note": "gift"
    }
  ],
  "metadata": null
}

Windows, macOS, Linux, ChromeOS에 설치하기

Chrome에서는 브라우저 메뉴를 열고 ‘전송, 저장, 공유’를 선택한 다음 ‘페이지를 앱으로 설치’를 선택합니다. 주소 표시줄에 설치 아이콘이 나타날 수도 있습니다. Edge에서는 ‘설정 및 기타’, ‘앱’, ‘이 사이트를 앱으로 설치’를 차례로 선택합니다. 메뉴 이름은 브라우저 버전에 따라 다를 수 있습니다.

macOS Sonoma 이상에서는 Safari에서 ‘파일’ > ‘Dock에 추가’를 사용할 수 있습니다. 연결을 끊기 전에 온라인 상태에서 앱을 한 번 열고 오프라인 확인을 해 봅니다. 설치한다고 해서 캐싱 단계가 필요 없어지지는 않습니다.

데스크톱 Firefox는 사이트를 앱으로 설치하는 옵션을 제공하지 않을 수 있습니다. 그래도 서비스 워커가 활성화되어 있으면 Firefox 탭에서 캐시된 사이트를 오프라인으로 사용할 수 있습니다.

iPhone, iPad, Android에 설치하기

iOS나 iPadOS에서는 Safari로 사이트를 열고 ‘공유’를 탭한 뒤 ‘홈 화면에 추가’를 선택합니다. 사용 중인 버전에 ‘웹 앱으로 열기’ 스위치가 있으면 켜고 ‘추가’를 탭합니다.

Android에서는 Chrome으로 사이트를 열고 메뉴를 탭한 뒤 ‘앱 설치’ 또는 ‘홈 화면에 추가’를 선택합니다. 먼저 온라인 상태에서 열어 캐싱이 끝나기를 기다린 뒤 비행기 모드를 켭니다.

캐싱 확인과 로컬 데이터 삭제

Chromium 개발자 도구의 ‘애플리케이션(Application)’ > ‘서비스 워커(Service Workers)’에서 등록된 워커를 볼 수 있습니다. ‘캐시 저장소(Cache Storage)’에는 json-viewer 캐시가, ‘로컬 저장소(Local Storage)’에는 jf: 키가 표시됩니다. 캐시에는 앱 리소스가 들어 있고, localStorage에는 편집한 문서가 들어 있을 수 있습니다.

둘 다 지우려면 다른 Tool Kumar 탭을 닫은 뒤 ‘애플리케이션(Application)’ > ‘저장소(Storage)’ > ‘사이트 데이터 삭제(Clear site data)’를 사용하고, 로컬 저장소, 캐시 저장소, 서비스 워커를 모두 포함합니다. 다른 브라우저도 설정에서 비슷한 사이트 데이터 관리 기능을 제공합니다. 삭제한 뒤 다시 오프라인으로 쓰려면 온라인 방문이 한 번 더 필요합니다.

민감한 JSON을 오프라인에서 다루기

먼저 무해한 샘플로 오프라인 모드를 테스트합니다. 네트워크를 끈 상태에서 앱이 동작하면 그때 민감한 데이터를 붙여넣습니다. 페이지 접근 권한이 있는 브라우저 확장 프로그램은 여전히 그 데이터를 읽을 수 있습니다. 공용 기기에서는 작업을 마친 뒤 사이트 데이터를 삭제합니다.

옵션 및 예외 사항

  • 설치는 선택 사항입니다. 서비스 워커 덕분에 캐시된 홈페이지는 일반 브라우저 탭에서도 동작합니다.
  • 앱은 홈페이지, JavaScript, 스타일, 글꼴, 아이콘, 변환 모듈을 캐시합니다. 방문한 페이지는 전체가 캐시될 수 있으며, 캐시되지 않은 페이지는 홈페이지로 대체됩니다.
  • 원격 URL 불러오기에는 인터넷 연결이 필요합니다. 분석 요청과 교차 출처 요청은 캐시되지 않습니다. Next.js 라우트 데이터도 캐시되지 않으므로, 오프라인에서 사이트 안을 이동할 때 홈페이지로 대체될 수 있습니다.
  • 오프라인 사용은 브라우저가 사이트 저장소를 유지하는지에 달려 있습니다. 사이트 데이터 삭제, 시크릿 모드 정책, 브라우저의 저장소 자동 정리로 인해 앱 캐시가 지워질 수 있습니다.

개인정보 보호 기본 적용

문서는 이 브라우저에만 보관됩니다. Tool Kumar는 기기 안에서 파싱, 변환, 다운로드 파일 생성을 처리하며 계정이나 업로드 과정이 필요하지 않습니다.

오프라인 JSON 포맷터 자주 묻는 질문

Windows나 Mac용 오프라인 JSON 포맷터를 다운로드할 수 있나요?
Chrome이나 Edge에서 Tool Kumar를 설치하거나, 지원되는 macOS 버전의 Safari에서 ‘Dock에 추가’를 사용합니다. 별도의 .exe나 .dmg 다운로드가 아니라 웹 앱입니다.
데스크톱 Firefox에서도 오프라인으로 쓸 수 있나요?
네. 서비스 워커와 사이트 저장소가 활성화되어 있고 첫 방문에서 캐싱이 끝났다면 가능합니다. 사용 중인 Firefox 버전에 설치 옵션이 없다면 사이트를 탭에 열어 두거나 북마크합니다.
비행기 모드에서도 포맷터를 쓸 수 있나요?
네. 온라인 방문으로 앱이 캐시된 뒤라면 가능합니다. 연결 없이 사용하기 전에 홈페이지를 새로고침하고 샘플로 테스트합니다.
오프라인 앱은 어떻게 업데이트되나요?
온라인 상태에서 홈페이지를 로드하면 캐시된 셸과 그 리소스가 갱신됩니다. 변경된 리소스 세트가 준비되면 열려 있는 탭에 ‘새로고침’ 안내가 표시됩니다. 새 버전을 사용하려면 탭을 닫았다가 다시 열거나 새로고침합니다.
JSON은 어디에 저장되나요?
사용자가 편집한 JSON은 2,500,000자 제한 안에 들어가면 이 브라우저의 localStorage에 저장됩니다. 비교 텍스트, 파일 이름, 설정, 테마도 저장될 수 있습니다. 서비스 워커 캐시에는 애플리케이션 리소스가 저장됩니다.

관련 도구

안전한 JSON 포맷터, JSON 포맷터 및 JSON 포맷터 개인정보 보호 연구.