Never give up

이전부터 콜백 몇가지 (zoom level change, camera idle)을 추가해야겠다라는 생각은 있었습니다만.. 다른 할 일이 좀 많기도 했고, 휴식이 좀 필요하다보니 나중에 누가 요청하면 같이 업데이트 예정이었는데 (간단히 말해.. 귀찮아서) 근데 추석 전날에도 열심히 코딩하시는분께서 이슈에 "지도 레벨을 특정 상황에 따라 변경해주고싶다" 라고 하셔서 다른사람한테는 필요할 수도 있겠구나 그리고 특정 기능이 없어서 못쓰고 있었던 분들도 있지 않을까 하는 생각에 몇가지 업데이트를 해봤습니다 zoom level change, camera idle event, default zoom level 추가 그리고 webview패키지의 evaluateJavascript를 활용해서 사용자들이 필요한 script..

화면을 구성하다보면 텍스트 길이 혹은 위젯 크기에 따라 유동적으로 변경하고 싶을 때 LayoutBuilder를 쓰면 간단하게 해결할 수 있습니다 먼저 LayoutBuilder의 builder 내부는 BuildContext와 BoxConstraints로 구성되어 있는데 우리가 사용할 부분은 BoxConstraints부분입니다 어떤 역할을 하는지 정말 간단하게 알아 보자면 For boxes, the constraints are BoxConstraints, which, as described herein, consist of four numbers: a minimum width minWidth, a maximum width maxWidth, a minimum height minHeight, and a maxi..

Overlay Entry는 특정 상황에서 정말 유용한 기능입니다 Flutter는 기본적으로 toast message가 없기도 하고 snackbar만으로 표현하기에는 조금 아쉬운 상황이 있다보니 Overlay Entry를 이용해서 만들면 유용할 수 있습니다 (실제로 Overlay Entry를 이용해서 개발한 toast패키지도 본적이 있습니다) 아니면 특정 위젯을 눌렀을 때 선택할 수 있는 옵션 선택형 위젯을 만들어준다던가 검색창을 만들때 밑에 히스토리를 보여준다던가 추천검색어를 보여준다던가 말이죠 근데 사용하다보면 OverlayEntry, OverlayState 셋팅 그리고 상황에 따라 위치잡기가 까다로울 수도 있습니다 그래서 필자의 삽질과 고민 그리고 구글링을 통해 정말 쉽게 구현할 수 있는 방법을 찾아..

pub dev 링크 : https://pub.dev/packages/kakaomap_webview UTF - 8 지원하는 부분을 찾아서 추가 업데이트를 진행했습니다! 이번 버전에서 업데이트 한 부분은 Overlay추가 입니다 overlay가 뭐냐 하면.. 마커 위에 설명(?) 부분을 지원하는 부분입니다 그리고 커스터마이징 까지 지원! utf-8지원 이후로 조금 더 많은 커스터마이징이 가능할거 같습니다 추가로 css도 잘 됩니다!? 커스터마이징은 직접 JS로 작업해야되는 부분이 많다보니 제가 도움은 못 드릴거 같습니다.. 디자인 감각 제로에 CSS 정말 기초만 압니다.. (사실 JS도..)

기존에 만들었던 카카오 맵 업데이트를 해봤습니다! pub dev 링크 : https://pub.dev/packages/kakaomap_webview 포스트 링크 : https://devmemory.tistory.com/64 0.2.0 버전이 추가되었습니다 (링크 : https://devmemory.tistory.com/68) 먼저 추가된 기능으로는 1. MapType추가 - 교통정보 - 자동차 전용도로 - 지형정보 - 지적편집도 - 자전거도로 2. Marker 드래그 가능한 옵션 추가 3. Polygon 기능 추가 해당 기능들 포함 대부분 기능들 다 사용하기 편리하게(?) 만들어놨으니 편하게 사용하시길.. 다음으로는 버그수정으로.. custom script부분에 빼먹은 부분이 있어서 직접 작업할 때 안보..

이번에는 카카오 road rest api를 이용해서 주소 관련된 정보를 가져오는것과 가져온 정보를 excel파일로 만들어보는 예제를 만들어봤습니다 먼저 사용한 패키지는 excel (null safety적용버전) : 엑셀파일 생성 및 수정 (링크 : https://pub.dev/packages/excel) http : kakao local rest api 콜 (링크 : https://pub.dev/packages/http) path, path provider : 파일 위치 및 저장 (링크 : https://pub.dev/packages/path) (링크 : https://pub.dev/packages/path_provider) permission handler : 파일 저장용 권한 처리 (링크 : http..

특정 위치에 도달했을 때 스크롤을 멈추고 싶을 때 다른 방법도 있지만 scrollable을 이용하면 조금 더 편하게 작업할 수 있습니다 기본적으로 위젯의 포지션을 파악할 때 renderObject를 이용해서 위치를 계산하는데 (관련 예제 : https://devmemory.tistory.com/44) Global key를 이용해서 간단하게 원하는 포지션에서 스크롤을 멈춰줄 수 있습니다 class ScrollableExample extends StatelessWidget { ScrollableExample({Key? key, required this.title}) : super(key: key); final String title; final GlobalKey _globalKey = GlobalKey();..

드디어.. 개발 시작 후 첫번째 패키지를 등록해봤습니다 기존에 있던 맵 패키지들 전부 null safety 지원을 하지않아서 webview를 이용해서 kakao map을 구현해봤습니다 pub dev에 kakaomap webview라 치시면 패키지가 나옵니다 (링크 : https://pub.dev/packages/kakaomap_webview) 사용한 패키지는 redirection링크 resolving용으로 사용할 http와 웹뷰 webview flutter를 사용했고 내부는 html과 js코드가 상당히 많습니다 그리고 나머지 부분은 dart로 간단하게 작업을 해서 API문서나 소스코드를 보면 쉽게 이해하고 사용하실 수 있을거라 생각됩니다 example code는 패키지 링크 내에 있으니 본인에게 필요한 ..