오예남

[Flutter] http 네트워크 통신 / 카카오 API 로 데이터 받아오기 본문

Flutter

[Flutter] http 네트워크 통신 / 카카오 API 로 데이터 받아오기

오예남 2021. 12. 17. 23:02

[Flutter] http 네트워크 통신 / 카카오 API 로 데이터 받아오기

 

 

안녕하세요, 앱을 만들때 모든 기능을 구현하려면 많은 시간이 필요합니다. 

그렇기 때문에 우리는 이미 만들어져있는 오픈소스 라이브러리를 이용해서 효율적으로 기능을 구현해야합니다.

그럼 오늘은 카카오에서 제공하는 API를 사용해서 데이터를 받아오는 방법을 공유해볼게요.

 


HTTP 통신


네트워크를 통해 데이터를 주고받으려면 HTTP 통신이 필요합니다.

이런 중요한 기능은 당연히!! 똑똑하신 분들이 이미 만들어 놓았겠죠?

https://pub.dev/packages/http

 

http | Dart Package

A composable, multi-platform, Future-based API for HTTP requests.

pub.dev

 

pub.dev에서 이미 만들어진 수많은 패키지들을 검색할 수 있습니다.

제가 이번에 사용할 패키지는 HTTP 데이터 통신 기능이 구현되어있는 http 패키지 입니다.

 

 

위에 보이는 Flutter http 패키지를 이용하면 카카오에서 제공해주는 데이터를 받아올 수 있습니다.

카카오에서 무료로 공개해놓은 다양한 데이터들을, 카카오 API를 통해 쉽게 활용할 수 있습니다.

 

일단 카카오 API를 사용하려면 'API 키'가 필요한데요, 

서버에 접속할 수 있는? 열 수 있는 키라고 생각하시면 됩니다.

API키를 이용해서 데이터를 요청하면, 서버에서는 그 API를 확인하고 데이터를 전송합니다.

 


카카오 API 키 받아오기


 

카카오 API 키를 받아오기 위해서 아래 Kakao Developer 사이트에 접속합니다.

https://developers.kakao.com/

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

 

로그인 -> 내 애플리케이션 화면에 진입하여 애플리케이션 추가하기 버튼을 클릭합니다.

 

 

위와 같은 창이 나오면 앱이름과 사업자명을 입력합니다.

인증받는듯한 무거운 절차가 아니기때문에 편하게 입력하시면 됩니다.

저는 HTTPtest / 제이름 을 입력하였습니다.

 

어플리케이션이 추가된 것을 확인하셨으면 클릭!!

 

 

바로 나오는 다음 화면에서 앱 키 정보들을 볼 수 있는데요!

저희가 사용할 API 키는 REST API 키 입니다.

 

이제 JSON을 이용해서 서버와 데이터 통신을 할텐데요,

이 앱 키를 이용해 책정보를 가져오는 코드를 다음 글에서 작성해 보겠습니다.