대용량 JSONL 및 NDJSON 로그 뷰어 & 쿼리 필터 실무 가이드
JSON Lines(JSONL, 또는 Newline Delimited JSON / NDJSON)은 오늘날 클라우드 분산 로깅 시스템(AWS CloudWatch, Datadog, ELK 스택)과 대규모 언어 모델(LLM) 데이터 파이프라인(OpenAI 파인튜닝 데이터셋, Anthropic 프롬프트 로그, LangChain 실행 추적)에서 가장 널리 쓰이는 표준 데이터 포맷입니다. 전체 데이터를 대괄호([])로 감싸는 일반 JSON과 달리, JSONL은 한 줄마다 독립적으로 유효한 JSON 객체를 줄바꿈(\n) 기호로 구분하여 기록합니다. 따라서 스트리밍 방식의 대용량 데이터 적재와 실시간 로깅에 매우 유리합니다. 하지만 20MB에서 200MB가 넘는 대용량 JSONL 파일을 VS Code나 일반 메모장으로 열면 메모리 점유율이 치솟으며 편집기가 멈추거나 튕기는 현상이 빈번히 발생합니다. 또한 기존의 일반 웹 JSON 정렬 도구들은 수만 개의 DOM 요소를 한꺼번에 화면에 그리려고 시도하다가 브라우저 탭 전체가 다운되는 한계가 있습니다. JuicyDevs 대용량 JSONL / NDJSON 브라우저 초고속 뷰어는 브라우저 스트리밍 파싱과 가상 윈도우 페이징 기법을 결합하여 이 문제를 완벽하게 해결합니다. 수만 줄 이상의 로그 레코드도 단 몇 초 만에 인덱싱하며, 키워드 및 정규식 검색, 로그 레벨(ERROR, WARN, INFO) 필터링, 클릭 시 Pretty Print 포맷팅을 렉 없이 매끄럽게 지원합니다. 모든 연산은 외부 서버 전송 없이 100% 사용자의 웹 브라우저 메모리 안에서만 수행되므로, 사내 서비스의 기밀 로그나 고객 식별자 정보가 유출될 위험이 원천 차단됩니다.
본 도구는 HTML5 File API를 활용하여 텍스트 데이터를 읽어온 뒤 줄바꿈 기준으로 청크 인덱스를 구축합니다. 모든 라인의 JSON 파싱 결과를 한 번에 DOM 노드로 생성하지 않고, 페이징과 가상화 기법을 적용하여 화면에 노출되는 항목과 클릭된 객체만을 온디맨드로 파싱 및 렌더링함으로써 브라우저 메모리 부하를 최소화합니다.
✨ 주요 기술 스펙 & 특장점
- •100% 브라우저 로컬 연산 — 서버 업로드 0Byte로 사내 기밀 시스템 로그 및 AI 학습 데이터 완벽 보호
- •초고속 메모리 인덱싱 — UI 스레드 멈춤 없이 수만 줄의 대용량 JSON 라인을 밀리초 단위로 파싱
- •지능형 로그 레벨 자동 감지 — level, status, severity 키를 분석하여 ERROR, WARN, INFO 배지 자동 부여
- •실시간 키워드 & 정규식 필터링 — 특정 문자열, IP 주소, 상태 코드, 에러 메시지 즉각 필터링 검색
- •구문 에러 라인 독립 격리 — 특정 라인에 오타나 깨진 JSON이 있어도 전체 파싱 중단 없이 해당 라인만 에러 표시
- •원클릭 정렬 보기 & 필터 결과 내보내기 — 선택한 레코드의 JSON 계층 구조 뷰 및 필터링된 데이터 .jsonl 재다운로드 지원
🚀 단계별 실무 가이드
- 1".jsonl / .ndjson 파일 열기" 버튼을 눌러 로컬 파일을 불러오거나, "텍스트 직접 편집" 탭에 로그를 붙여넣습니다.
- 2뷰어 상단에서 파싱된 총 라인 수, 유효한 JSON 개수, 구문 에러 개수 및 파일 크기 통계를 확인합니다.
- 3검색창에 찾고자 하는 키워드나 정규식을 입력하고, 필요에 따라 로그 레벨(예: ERROR Only) 드롭다운을 선택합니다.
- 4좌측 라인 목록에서 확인하려는 로그를 클릭하면 우측 패널에 들여쓰기가 완비된 가독성 높은 JSON 객체가 렌더링됩니다.
- 5"필터 결과 내보내기" 버튼을 누르면 검색 및 필터링된 라인들만 추려진 신규 .jsonl 파일이 브라우저에서 즉시 다운로드됩니다.