KOOTD API 응답으로 받은 JSON을 정리할 일이 많았습니다. 특히 유튜브 쇼츠 만들 때 각 항목들을 하나씩 복사해야 하는데, 매번 드래그해서 긁는 게 너무 귀찮았거든요.
기존 도구들은 "전체 복사"만 되거나, 아니면 너무 단순했습니다. 내가 원하는 건 특정 값 하나만 딱 복사하는 건데. 그래서 만들었습니다.
이게 뭐냐면
JSON을 넣으면 트리 형태로 펼쳐서 보여줍니다. 각 값 옆에 복사 버튼이 있어서 클릭 한 번이면 끝. 중첩된 객체는 접기/펼치기도 됩니다. 키 이름으로 정렬도 되고요.
실제로 이렇게 씁니다
Kortress 유튜브 쇼츠 만들 때 JSON 데이터를 자주 다루거든요. 예전에는 각 항목을 직접 드래그해서 복사했는데, 이제는 버튼 하나로 끝납니다. 개발하면서 API 응답 확인할 때도 유용하고요.
만들면서 삽질한 것
처음에는 JSON을 그냥 그대로 보여주려고 했는데, 중첩이 깊어지니까 가독성이 바닥이었습니다. 트리 뷰로 바꾸고 접기/펼치기를 넣으니까 훨씬 나았습니다.
복사 기능도 처음에는 전체 JSON만 복사할 수 있었는데, 실제로 쓰다 보니 특정 값만 복사하고 싶을 때가 훨씬 많더라고요. 그래서 각 값마다 복사 버튼을 달았습니다. Clipboard API 쓰면 간단합니다.
모바일에서 테스트해보니 트리 뷰 버튼이 너무 작아서 터치가 안 됐습니다. 모바일용으로 버튼 크기 키우고 레이아웃 조정했습니다.
단순한 "JSON 정렬기"로 시작했는데, 결국 제가 진짜 필요했던 건 "각 값을 편하게 복사하는 도구"였던 거죠.
직접 써보고 싶으면 JSON 도구 모음에서 확인할 수 있습니다.