본문 바로가기
Tech/flutter

[flutter] JSON 직렬화 더 쉽게하기(Model Class 쉽게 만들기)

by 패드로 2020. 10. 22.

[flutter] JSON 직렬화 아주 쉽게하기(Model Class 쉽게 만들기)

 

[flutter] JSON 직렬화 아주 쉽게하기(Model Class 쉽게 만들기)

flutter로 각종 외부 api를 사용하거나, 서버를 통해 데이터를 받을 때, 혹은 내부 DB에 쿼리를 날려 데이터를 받을 때 보면 데이터 처리하는게 좀 귀찮은 부분이 있다. JSON 데이터를 flutter에서 사용

padro.tistory.com

예전에 위 주제로 JSON 직렬화(JSON to Dart)를 아주 쉽게하는 방법에 대해 포스팅했는데,

결론은 소규모프로젝트는 아래 json-to-dart 홈페이지로 가서 그때그때 작업하고 대규모는 플러터 패키지를 쓰는걸로 냈었다.

javiercbk.github.io/json_to_dart/

 

그런데 Android studio가 좀 익숙해지면서 나한테 맞는 플러그인 이것저것 적용시키다보니 문득 든 생각.

"아니 git프로젝트 만들어서 웹사이트 만들 사람 있으면, 이거 그냥 플러그인 만들어서 올려놓을 개발자가 없지않을텐데?"

 

역시나. 있었다.

난 무슨 삽질을 하였는가 ㅎㅎ

 

플러그인 설치는 Preference -> Plugins 로 들어가거나 맥의 경우 'command + ,' 단축키로 접근 가능하다.

검색어에 'json'만 쳐도 바로 나온다. 코틀린 클래스로 만들어주는것도 있고 Dart 클래스로 만들어주는 플러그인도 2개나 있다.

사용자는 두번째 나온 애가 더 많았지만 로고까지 만들어주고 설명도 자세히 잘 적어놓은 노고가 보여서 Ankit Mahadik이란 개발자분이 만들어놓은 툴을 사용해보기로했다.

 

install하기만 하면 준비 끝!(혹시 모르니 재시작 한번 해주는 센스!)

 

이제 프로젝트 내에서 New를 하면 기존 목록에 Json To Dart라는 옵션이 추가되어있을것이다. 클릭!

간단하게 name 키를 가진 json을 예시로 적용시켜보았다.

사용법은 json response를 복붙하고 클래스이름 적고 Generate하면 끝

 

그럼 짠! 하고 훌륭한 클래스가 생성된다.

예시로 몇번 돌려봤는데 json-to-dart 웹페이지가 커버하는 기능들은 다 되는 것 같다.

 

 

결론 : 강추!

[기존 방법]

웹페이지 들어가기 -> json복붙 후 Generate -> 안드로이드프로젝트에서 Dart 파일 생성 -> 만든 파일에 Generate된 코드 복붙 -> 끝

[지금 방법]

안드로이드프로젝트에서 Json-to-Dart로 새파일 생성 클릭 -> json 복붙 -> 끝

나열하니 별로 줄어든것같지않지만.. 개발 툴 안에서 모든걸 해결한다는 관점에서 더 개발자스러운 솔루션이라 마음에 든다.

포스팅 끝!

댓글