Json to Typescript interface

React Native 프로젝트를 진행하면서 Typescript의 도입을 뼈저리게 느꼈다. 전달받은 데이터가 어떻게 구성되어 있는지 정의되어 있지 않으니, 매번 위 사진처럼 주석으로 적어놓고 작업하는 일이 많았다. 예상했던 것과 다른 데이터가 넘어와 property가 불러와지지 않기도 했다. 

 

이러한 불상사를 방지하기 위해 Typescript를 배우기로 다짐했다. 만약 이전 프로젝트에서의 고생이 없었다면 딱히 배울 필요성을 못 느꼈을 것 같다. 그러나 허튼짓을 겪고 나니 훨씬 배우기 수월했고 새로운 프로젝트에 바로 도입해보았다.

Props를 미리 interface로 정의하니 코드 자동완성 기능이나 오류를 사전에 알아낼 수 있는 점이 편리하게 느껴졌다. 그러나 수 많은 데이터를 interface를 정의하는 것은 여간 번거로운 일이 아니었고, 어떤 데이터 범위까지 interface로 나타내야 하는지 궁금해졌다.

api.openweathermap.org

 

API로 전달 받은 데이터는 구조가 복잡해 일일이 interface로 변환하는것이 매우 귀찮게 느껴졌다. 그러나 역시 개발자들은 귀찮은 일을 싫어한다. 

 

http://json2ts.com/

JSON to TypeScript

Cool

Json 형식으로 전달 받은 데이터를 interface로 변환해주는 유용한 도구가 있었다. 덕분에 any 타입을 사용하는 일이 줄었다.