JSON Tools에 대해 알아보자

KOOTD API 응답으로 받은 JSON 데이터를 정리할 때마다 기존 도구들이 불편했습니다. 특히 유튜브 쇼츠를 만들 때 각 항목들을 복사해서 붙여넣어야 하는데, 직접 드래그해서 복사하는 게 너무 번거로웠습니다.

왜 만들었나?

기존 도구들은 대부분 "전체 복사"만 되거나, 아니면 너무 심플했습니다. 그래서 직접 만들었습니다.

주요 기능

JSON을 트리 형태로 보여주고, 각 항목에 복사 버튼을 넣어서 복사하기가 쉬워졌습니다. 각 값마다 복사 버튼이 있어서 클릭 한 번으로 복사할 수 있고, 키 이름으로 정렬할 수 있어서 데이터를 체계적으로 정리하기 좋습니다.

실제 사용 경험

Kortress 유튜브 쇼츠를 만들 때 JSON 데이터를 다뤄야 하는 경우가 많았습니다. 기존에는 각 항목을 직접 드래그해서 복사했는데, 이제는 버튼 하나로 끝납니다. 개발하면서 API 응답을 확인할 때도 유용합니다. 복잡한 JSON 구조를 트리로 보니까 각 항목별로 복사하기가 편합니다.

개발 과정

처음에는 단순하게 JSON을 그대로 보여주려고 했는데, 중첩된 객체가 많아지니까 가독성이 떨어졌습니다. 그래서 트리 형태로 접기/펼치기가 가능하도록 만들었습니다. Clipboard API를 사용해서 복사 기능을 구현했는데, 처음에는 전체 JSON만 복사할 수 있었습니다. 하지만 실제로는 특정 값만 복사하고 싶을 때가 많아서 각 값마다 복사 버튼을 추가했습니다.

모바일에서 테스트해보니 트리 뷰가 너무 작아서 터치하기 어려웠습니다. 그래서 모바일에서는 버튼 크기를 키우고 레이아웃을 조정했습니다.

JSON Tools는 단순한 "JSON 정렬기"에서 시작해서, 실제 개발 과정에서 겪는 불편함을 해결하는 도구로 발전했습니다. 특히 유튜브 콘텐츠 제작할 때 도움이 되고 있습니다.

JSON Tools를 직접 사용해보고 싶다면 JSON 도구 모음을 확인해보세요.