Never give up

혹시 왜 포스트를 안 올리는지 궁금하시는 분이 있을것 같아서 말씀드리자면.. (제 블로그 정기적으로 보시는분은 없겠지만..) 갑자기 웹을 개발해야되는 상황이 생겨서 플러터에 전 만큼 시간을 투자할 수 없게 되었고 이제 웬만한 자료들은 다 있어서 포스팅 주제(?)를 찾기 어렵게 된 이유도 있습니다 처음에는 플러터 웹을 시도해보려고 했는데, 같은 플러터 코드다 보니 기능은 금방 구현이 가능한데 웹에 적합한(?) UI/UX를 개발하는 시간, SEO문제 그리고 생각보다 큰 용량과 rendering속도 등이 조금 아쉬운것 같아서 웹 프레임워크 그 중 svelte를 사용하게 되었습니다 svelte를 선택하게 된 이유는 (위에서 시키는대로) 진입장벽, 스터디 시간, 구현 난이도 및 시간 등 여러가지를 고려해봤을 때 ..

이전부터 콜백 몇가지 (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();..