[Json] convert Json to code을 위한 사이트 추천(quicktype)
Convert JSON to Swift, C#, TypeScript, Objective-C, Go, Java, C++ and more<!-- --> • quicktype
{ "people": [ { "name": "Atticus", "high score": 100 }, { "name": "Cleo", "high score": 900 }, { "name": "Orly" }, { "name": "Jasper" } ] } Provide sample JSON files, URLs, JSON schemas, or GraphQL queries.
quicktype.io
이 사이트는 api를 통해 Json 데이터를 받아와서 코드에 이용하고 Json데이터를 각 개발언어에 맞게 convert해주는 웹사이트이다.
업비트 Open Api를 이용하여 코인 데이터를 활용한 프로젝트를 진행하던 중 찾게 되었다.
우선 업비트 개발자 센터에 레퍼런스를 둘러보면 마켓코드조회 api가 있다.
위 그림처럼 api데이터를 확인해보면 Json데이터가 들어있고 아래 필드명, 설명, 타입등이 제시 되어있기 떄문에 직접 각 언어에 맞게 데이터 모델을 작성해서 사용해도 된다.
데이터모델을 작성하는 것은 복잡하고 어려운 작업이 아닌 단순 복붙작업이지만 실수를 할 떄도 있고 정보를 빼먹고 안적어 둘 때도 있기 떄문에 이 글을 통해 유용한 사이트를 기록해 두려고 한다.
Convert JSON to Swift, C#, TypeScript, Objective-C, Go, Java, C++ and more<!-- --> • quicktype
{ "people": [ { "name": "Atticus", "high score": 100 }, { "name": "Cleo", "high score": 900 }, { "name": "Orly" }, { "name": "Jasper" } ] } Provide sample JSON files, URLs, JSON schemas, or GraphQL queries.
quicktype.io
사이트를 들어가보면 우측 상단에 OPEN QUICKTYPE를 통해 에디터를 열 수 있다.
에디터를 열게 되면 좌측 상단에 사용할 클래스명(Name), 소스종류(Source type), 그 아래엔 Json 데이터를 입력하는 칸이 있고 우측 옵션엔 변경하고 싶은 언어와 흰 배경엔 작성된 소스코드를 보여준다.
업비트에서 받아온 json데이터를 넣어보자.
언어는 Dart로 설정했고 위 캡처화면처럼 깔끔하게 클래스를 작성해준다.
마지막으로 vsCode에서 실행해보자!
클래스 명은 coin_list_model로 만들었고 아래 그림처럼 넣어두었다.
dart의 Getx와 http라이브러리를 활용하였고 response.body는 json데이터를 String으로 담고 있고 Json형태로 변환시켜 coinList에 저장해두고 반복문을 통해 market정보를 확인해보면.
이렇게 api데이터를 사용할 수 있게된다.