JSON Formatter Chrome 플러그인, 이제 종료 및 광고웨어 주입

발행: (2026년 4월 11일 오전 03:34 GMT+9)
5 분 소요
원문: Hacker News

Source: Hacker News

ARCHIVED

저는 더 이상 JSON Formatter를 오픈 소스 프로젝트로 개발하지 않습니다. 보다 포괄적인 API 탐색 도구와 프리미엄 기능을 제공하기 위해 폐쇄형 상용 모델로 전환합니다.

일부 사용자(특히 GitHub에 계신 분들)는 여전히 오픈 소스 도구를 선호하실 것이므로, 이 저장소를 그대로 두어 다른 사람들이 사용/포크할 수 있게 하고, 최종 오픈 소스 버전을 JSON Formatter Classic 로 공개했습니다—간단하고 오픈 소스이며 로컬에서만 동작하는 JSON 포맷팅 확장 프로그램을 원하시면 이 버전으로 전환하시면 됩니다.

JSON API 응답을 보기 쉽고 탐색할 수 있게 도와주는 Chrome 확장 프로그램입니다.

Features

  • 빠름, 매우 긴 JSON 페이지에서도
  • 다크 모드
  • 구문 강조
  • 들여쓰기 가이드가 있는 접을 수 있는 트리
  • 클릭 가능한 URL
  • JSON가 아닌 페이지에 거의 영향을 주지 않음(1 ms 미만)
  • 유효한 JSON 페이지라면 URL과 관계없이 작동
  • 원본과 파싱된 JSON을 전환하는 버튼 제공
  • 파싱된 JSON은 전역 변수 json으로 내보내져 콘솔에서 확인 가능(다시 작동함!)

Installation

Option 1 – Chrome 웹 스토어에서 JSON Formatter Classic 을 설치합니다.

Option 2 – 아래와 같이 소스에서 직접 설치합니다.

Development

# Clone the repository and install dependencies
bun install

# Build once
bun run build

# Or watch‑driven build
bun run watch

dist 폴더를 Chrome의 개발자 모드가 활성화된 상태에서 로컬 언팩 확장 프로그램으로 설치할 수 있습니다.

FAQ

How does it detect JSON?

JSON을 신뢰성 있게 감지하는 것은 복잡합니다. 대부분의 경우 확장 프로그램은 Content-Type 헤더에 의존하지만, 필요에 따라 페이지 구조를 검사하기도 합니다. 감지는 브라우징에 눈에 띄는 영향을 주지 않도록 빠르게 설계되었습니다.

Why are large numbers not displayed accurately?

이는 JavaScript(따라서 브라우저가 해석하는 JSON)의 제한 때문입니다.

  • Number.MAX_SAFE_INTEGER(2^53 - 1 ≈ 9 007 199 254 740 991)보다 큰 숫자는 해당 값으로 클램프됩니다.
  • Number.MIN_SAFE_INTEGER(-2^53 + 1)보다 작은 숫자는 그 값으로 클램프됩니다.
  • 매우 정밀한 부동소수점 숫자는 16자리로 반올림됩니다.

반올림은 V8의 네이티브 JSON.parse에 의해 수행되며, JSON Formatter가 수행하는 것이 아닙니다. API에서 JavaScript의 안전 범위를 벗어나는 숫자를 표현해야 한다면 문자열로 인용하십시오.

Why are object keys sometimes in the wrong order?

JSON Formatter는 Object.keys(JSON.parse(json))가 반환하는 키 순서를 그대로 보여줍니다. 과거에 JavaScript 사양은 객체 키가 어떤 순서로든 반복될 수 있도록 허용했으며, V8은 성능상의 이유로 숫자 문자열 키(예: "1" 또는 "99999")를 최상단으로 이동시켰습니다. 이 동작은 이후 표준화되었습니다.

I just want to see exactly what the server sent

Raw 버튼을 사용하면 원본 JSON을 볼 수 있습니다. Parsed 뷰는 JSON.parse 결과를 반영합니다. 향후 버전에서는 성능이 허용한다면 파싱으로 인해 값이 변경된 부분을 강조하는 커스텀 파서를 포함할 수도 있습니다.

0 조회
Back to Blog

관련 글

더 보기 »

Aadi-Tech Vault: 개인 보안 재구상

!Aadi‑Tech Vault: Personal Security Reimagined 표지 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https...