# Show GN: 열 탐색(Miller Column) 기반 JSON/EJSON 탐색기

> Clean Markdown view of GeekNews topic #31720. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=31720](https://news.hada.io/topic?id=31720)
- GeekNews Markdown: [https://news.hada.io/topic/31720.md](https://news.hada.io/topic/31720.md)
- Type: show
- Author: [jsbeep](https://news.hada.io/@jsbeep)
- Published: 2026-07-23T13:19:58+09:00
- Updated: 2026-07-23T13:19:58+09:00
- Original source: [jsbeep.github.io](https://jsbeep.github.io/Json-explorer/)
- Points: 2
- Comments: 0

## Topic Body

안녕하세요 앞길막막한 개발자희망 취준생입니다  
데이터 연결 구조에 관심있어서 포트폴리오 겸 참조 친화적인 JSON 탐색기 만들어봤습니다  
수요없이 만든 프로젝트를 포트폴리오라고 포장하는게 맞는건가 싶긴 합니다  
  
Firebase의 직관적인 탐색+실시간성 너무좋은데 내걸로 만들 수 있지 않을까 싶어서  
같은 NoSQL이고 실시간감지 되는 MongoDB로 내 서버에 달아보자라는 아이디어에서 나왔고요  
ChangeStream 사용한 수제 MongoDB 대시보드 만들다가 클로드코드 결제하고 프론트만 깎은 상황입니다 이친구 너무유능해요 저까지 고능해지는 착각이 들음  
  
앞으로 JSON 쿼리 오픈소스 등등 달고 피드백 받고 탐색기 완성해가다가 mongoDB changestream 붙여서 대시보드로 넘어가는게 목표입니다  
(피드백이 필요한데 피드백은 커뮤니티라고 생각해서 여기 올려요 ㅠㅠ)  
  
주요 기능  
- 열 탐색 기반(Miller Column) 드릴다운 — JSON/EJSON key-value 구조 컬럼 단위 탐색  
- ObjectId EJSON 타입 자동 판별 + 참조 필드 추적, 연결 문서 점프 (PK 중복 시 후보 선택 모달)  
- 컬렉션별 PK/FK 직접 선언으로 참조 등록  
- 인라인 에디터 - 일반 JSON 형식 포함, EJSON 타입(Date/Decimal128/Long)도 그대로 수정, Undo 지원  
- 컬럼별 검색 + 정렬 툴바 (DB/컬렉션/문서/필드 전부)  
- DB·컬렉션 복제/이름변경/삭제, JSON 파일 드래그앤드롭 import  
- 클립보드 복사, .json export  
- breadcrumb 경로 네비게이션 + 탐색 컬럼 개수(2~) 조절, 트리 모드도 있음 🪾  
- 대용량 문서 애니메이션 비활성화, Load More 패턴  
- 프로토타입 ⚠️localstorage 사용이라 최대 약 5MB 사용가능

## Comments



_No public comments on this page._