안녕하세요
예전부터 종종 사용하던 여러 무료 JSON Viewer들의 기능이 조금씩 아쉬움이 있어서,
여러 오픈소스를 참고해서 Svelte5 기반으로 만들어 보았습니다.
주요 기능은 다음과 같습니다.
- 실시간 JSON 문법 검증 및 포맷팅
- 트리 구조의 인터랙티브 그래프 시각화
- 노드 클릭으로 JSON 위치 즉시 이동
- URL에서 JSON 데이터 가져오기 (GET/POST/PUT/DELETE/PATCH)
- 20개 이상 항목 자동 축소 ("더 보기" 기능)
- 한국어/영어 지원
복잡한 JSON 구조를 시각적으로 파악하거나, API 응답을 분석할 때 사용하려고 만들었습니다.
링크:
- 데모: https://json.podosoft.io
- GitHub: https://github.com/podosoft-dev/pdjsoneditor
피드백 환영합니다!
감사합니다.
요즘 Svelte 학습하고있는데 혹시 주로 어디참고하시나요?
아니면 nextjs, vue 프로젝트 참고해서 Svelte로 마이그레이션하시는건가요?
stores 에 import { writable } from 'svelte/store'; 기반이던데 svelte4 에서 사용하고 5에서는 룬 기반으로 스토어를 권장하던데 writable 로 선택하신 이유가 있으신가요!
Svelte는 아무리 찾아봐도 볼만한 래퍼런스도 없고.. AI도 실수를 너무 많이하네요 ㅠㅠ
룬 기반 작업은 제가 조금 놓친것 같은데 개선해 보겠습니다.
아이고.. 그렇게까지.. 답변 감사드립니다.
저도 공식문서와 AI활용해서 작업을 많이 하는데 아무리 context7 을 먹이고 규칙에 룬 문법을 이용하라고 작성해도 자꾸 svelte4 기반으로 작업하는 경우가 너무 많네요.
특히 on:click 이 경우가 가장 많았고 그 다음으로 지속적으로 실수하는게 계산된속성 $derived 를 많이 실수하더라구요 ㅠㅠ
기능 너무 좋네요! 감사히 잘 쓰겠습니다 ㅎㅎ
https://jsoncrack.com/