조준장 개발자 생존기

이전에 현재 위치 좌표를 구하고 Google Map에 나타내는 것을 구현해보았다. [Flutter] 플러터 Google Map에서 현재 위치 좌표(위도, 경도) 찾기 이번에는 Google Map에서 현재 위치 좌표(위도, 경도)를 찾아보자. Google Map API에서 GoogleMap 위젯을 살펴보면 다음과 함수가 있는 것을 확인할 수 있다. initialCameraPosition : 초기 시작 시 지도 보기를.. fre2-dom.tistory.com 그렇다면 이번에는 구한 위치를 주소로 바꿔보는 코드를 구현해보자. Google Cloud Platform Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요...

이번에는 개발 중 자주 사용하는 권한을 사용자에게 요청하는 코드를 구현해보자. 앱을 개발하다 보면 사용자가 카메라, 위치 정보, 사진 등 권한을 허용해야 실행되는 것을 구현할 때가 있을 것이다. 그런 권한 요청을 permission_handler를 통해 수행하자. 패키지 permission_handler | Flutter Package Permission plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions. pub.dev 위 링크에서 Installing에 들어가 다음 패키지를 복사하고 pubspec.yaml의 dependencies에 다음 코드를 작성한다. de..

이번에는 Google Map에서 현재 위치 좌표(위도, 경도)를 찾아보자. Google Map API에서 GoogleMap 위젯을 살펴보면 다음과 함수가 있는 것을 확인할 수 있다. initialCameraPosition : 초기 시작 시 지도 보기를 로드하는 데 사용되는 필수 매개변수 myLocationEnabled : 지도에 파란색 점으로 현재 위치를 표시 myLocationButtonEnabled : 사용자 위치를 카메라 뷰의 중앙으로 가져오는 데 사용되는 버튼 mapType : 표시할 지도의 유형(일반, 위성, 하이브리드 및 지형)을 지정 zoomGesturesEnabled : 지도 보기가 확대/축소 제스처에 응답해야 하는지 여부 zoomControlsEnabled : 확대/축소 컨트롤을 표시할지..

Flutter로 앱을 개발하다보면 api 호출하는 경우가 종종 있다. api 호출을 할 때 xml이나 json형식으로 데이터를 받게 되는데 데이터를 받게 되면 String을 double로 변환해야하는 경우가 있다. ex) 온도, 위도, 경도, 등등.. 그럴때 쓰이는 함수는 다음과 같다. double.parse(string) string 부분에 자신이 double로 변환해야하는 문자열을 넣면 된다.

이전에 Flutter에서 Google Map API를 활용해보았다. Flutter에서 Google Map API를 활용하는 방법에 대해서 궁금한 점이 있다면 다음 링크를 통해 알아보고 오면 좋을 것 같다. [Flutter] 플러터 Google Map API 활용 이전에 kakaomap_webview 패키지를 통해 지도를 구현해보았다. kakaomap_webview 패키지를 통해 지도를 쉽게 구현할 수 있었지만 지도의 여러 가지 기능을 코드로 작성할 때 JavaScript를 사용해야 하는 경우 fre2-dom.tistory.com 이번에는 Google Map API의 간단한 예제 코드 2개를 리뷰해보면서 구현해보자. 이번 예제 코드도 main.dart와 map_sample.dart를 통해 이루어져 있으며 ..

이전에 kakaomap_webview 패키지를 통해 지도를 구현해보았다. kakaomap_webview 패키지를 통해 지도를 쉽게 구현할 수 있었지만 지도의 여러 가지 기능을 코드로 작성할 때 JavaScript를 사용해야 하는 경우가 있었다. 다른 방법이 없을까 알아보았지만 Kakao에서 webview 말고는 Flutter에 대응하는 카카오 맵 플러그인을 개발할 계획이 없다고 했다. JavaScript를 따로 배워서 코드를 작성하기보다 다른 지도 API를 활용하는 게 더 좋을 거 같다는 생각을 해서 다른 지도 API를 알아보았다. 그중에서 Flutter를 개발한 Google에 Map API를 활용해야겠다고 생각했다. Google에 Map은 한국 한정으로 앱을 개발할 때 좋다고 생각하진 않지만 Flutt..

이번에는 pub.dev에 있는 kakaomap_webview 패키지를 활용해보자. 라이브러리 우선 Kakao 오픈 api 키를 사용하기 위해 다음 링크에 들어가 카카오 계정으로 로그인한다. Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 로그인을 했다면 애플리케이션 추가하기를 눌러 카카오 맵 api를 사용할 애플리케이션을 등록한다. 앱 이름과 사업자명은 자신이 원하는 이름으로 설정하여 저장한다. 성공적으로 애플리케이션을 추가했다면 내 애플리케이션 > 앱 설정 > 요약 정보에 들어가 JavaScript 키를 메모장에 작성해 놓는다. 이제 새 프로젝..

A package may not list itself as a dependency.와 같은 에러는 Flutter에서 모듈 사용을 위해 pubspec.yaml 파일에 dependencies 모듈을 추가하려고 할 때 발생할 수 있는 에러이다. 위 에러의 경우 모듈명과 프로젝트 명이 같을 때 발생한다. 해결하기 위해서는 프로젝트 명을 모듈명과 다른 이름으로 만들어야 한다.

이번에는 Provider로 공공데이터 오픈 API를 활용해보자. 공공데이터 오픈 API 활용 신청하는 방법은 다음 링크를 통해서 확인 후 현재 페이지에서 진행하면 될 것 같다. [kotlin] 코틀린 Android 공공데이터 오픈 API 활용(XML 문서) 이번에는 다양한 데이터가 있는 공공데이터 포털을 통해 오픈 API를 활용해려고한다. 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법 fre2-dom.tistory.com 우리가 사용할 데이터는 한국전력공사에 전기차 충전소 운영정보의 오픈 API를 통해 예제를 수행하려 한다. 아래 데이터는 XML로 이루어져 있으며, XML 데이터와 JSON 데이터 모두 수행할 수 있는 코드이기 때문에 신경 쓰지 않고 ..

json 파싱 중 한글이 깨지는 상황이 생길 수 있다. var body = await json.decode(json.encode(response.body)); print(body); 위 코드를 사용해서 한글이 깨질 경우에는 다음 코드를 통해 해결하자. var body = utf8.decode(response.bodyBytes); print(body); json 형식은 서버와 통신을 하려고 할 때 통상적으로 사용하는 형식이고 utf8 형식의 경우 문자 형식으로 공통으로 쓰기 좋아 통일할 때 사용하면 좋다. 상황에 맞춰 쓰면 될 것 같다.