최고의 온라인 JSON 포맷터를 만든 방법
3478 단어 webdevjavascriptdebuggingtooling
상호 작용의 매체와 상관없이 데이터 교환 형식은 JSON입니다!
JSON이란 무엇입니까?
JSON은 JavaScript Object Notation의 약자입니다. 처음에는 Javascript 표준의 일부였지만 경쟁 XML과 비교할 때 설치 공간이 작기 때문에 이제 네트워크를 통해 데이터를 전송하는 표준이 되었습니다!
샘플 JSON 개체는 다음과 같습니다.
{
"name": "Dave",
"age": "32",
"hobbies": [
"soccer",
"trekking"
]
}
포맷터란 무엇입니까?
JSON은 어디에서나 텍스트로 표시되기 때문에 일반적으로 코드나 로그에서 읽으려고 하면 다음과 같이 표시됩니다.
{"name":"Dave","age":"32","hobbies":["soccer","trekking"]}
이 작은(축소된) JSON은 읽기에 그다지 복잡해 보이지 않을 수 있지만 실제 소프트웨어에서는 JSON 객체가 수백 줄에 걸쳐 펼쳐질 수도 있습니다.
포맷터는 이 데이터를 더 쉽게 읽고 이해할 수 있도록 이 축소된 문자열 형식을 탭 JSON(위에 표시된 대로)과 같은 트리 형식으로 지정하는 데 사용할 수 있는 도구입니다.
JSONToolBox란 무엇입니까?
JTB(JSONToolBox)는 간단한 용어로 온라인 JSON 포맷터입니다. 축소된 JSON 문자열을 하나의 편집기에 붙여넣은 다음 입력할 때 해당 JSON을 형식화된 JSON이라고 하는 보기와 같은 트리에 형식을 지정할 수 있습니다.
이것이 최고의 포맷터인 이유는 무엇입니까?
이 기사의 원래 상황으로 돌아갑니다. 20개 이상의 마이크로 서비스가 서로 지속적으로 상호 작용하고 모든 상호 작용 정보가 JSON 문자열로 기록되는 애플리케이션 환경을 고려하십시오.
데이터가 여러 마이크로 서비스 간에 전달되는 복잡한 흐름을 디버깅해야 하는 경우 다른 온라인 포맷터의 경우 각각 하나의 JSON이 포함된 브라우저에서 여러 탭을 열어야 하는 것처럼 매우 어려운 작업이 됩니다.
반면 JTB에서는 동일한 페이지에서 여러 JSON 문자열을 동시에 형식 지정/편집할 수 있습니다!
포맷터 추가를 클릭하면 필요하지 않은 경우 축소할 수 있는 포맷터 창이 하나 더 나타납니다.
좋아! 더 나은 점은 무엇입니까?
여러 JSON을 동시에 포맷/축소할 수 있다고 해서 최고의 온라인 JSON 포맷터가 되는 것은 아닙니다. 여기에는 개발자 입력을 기반으로 생성되거나 디버깅/개발 워크플로를 살펴보는 다양한 기타 작은 멋진 트릭이 있습니다. JTB의 다른 멋진 기능 목록은 다음과 같습니다.
아 그리고 PWA라고 언급했습니까!!!
따라서 최고의 오프라인 JSON 포맷터이기도 합니다. :D
수많은 온라인 JSON 포맷터가 있지만 JSONToolBox를 가장 개발자 친화적인 도구로 만들고 싶습니다. 따라서 JTB을 사용하는 동안 생산성을 향상시킬 수 있다고 생각되는 제안/피드백이 있으면 여기에서 언급하거나 DM을 보내주세요. 사람들이 그것에 대해 어떻게 생각하는지 듣고 싶습니다.
즐거운 코딩하세요!
Reference
이 문제에 관하여(최고의 온라인 JSON 포맷터를 만든 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/sourabh86/how-i-created-best-online-json-formatter-34i1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)