일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- node
- KakaoMap
- Redux
- Prism.js
- Flutter
- jszip
- http live streaming
- uint16array
- code editor
- hls.js
- typescript
- three.js
- html2canvas
- REST API
- HLS
- uint8array
- Excel
- Image Resize typescript
- react
- segment
- M3U8
- Game js
- userevent_tracker
- Three-fiber
- webrtc
- web track
- Raycasting
- babel
- Babel standalone
- swagger-typescript-api
- Today
- Total
목록분류 전체보기 (128)
Never give up

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는 패키지 링크 내에 있으니 본인에게 필요한 ..
유저가 앱을 잠깐 pause(terminate 아닙니다) 시켰을 때 어떤 작동을 중단하거나 다시 돌아왔을 때 특정한 이벤트를 발생시켜주거나 할 때 어떻게 처리해야될지 고민이 많이 될텐데 이 부분을 WidgetsBindingObserver를 통해 간단하게 해결할 수 있습니다 class _ObserverExampleState extends State with WidgetsBindingObserver { String _text = 'Wait'; @override void initState() { super.initState(); WidgetsBinding.instance!.addObserver(this); } @override void didChangeAppLifecycleState(AppLifecycleSt..
이번 예제는 overlay entry 실험하면서 typedef 콜백을 사용해 본적이 있었는데 상황에 따라서는 유용하지만 조금 귀찮은 점도 있어서 일반적으로 Function()형태로 넘기는 형태를 선호했었는데 상황에 따라 필요하기도 하고, 안쓰다보니 까먹기도 해서 기록으로 남겨두려고 포스트를 결정했습니다 그리고 Flutter 2.0으로 넘어오면서 global key를 이용한 Snackbar 호출을 하는 방법이 없을까 해서 찾아보던 중 방법을 찾아내서 필요하신분들을 위해 예제를 만들어봤습니다 (제 블로그 보시는분들 거의 없겠지만 말이죠..) import 'package:flutter/material.dart'; typedef ButtonClicked = void Function(String text); ty..
알림 기능을 위해 FCM을 써야될 경우가 생기는데 공식문서가 생각보다 덜 친절하다보니 많이 질문을 올리기도 하고 필자도 구현하면서 조금 귀찮았던 부분이 있어서 이 부분에 대해 포스트 해보기로 했습니다 해당 예제에서는 FCM을 이해하는데 필요하다고 생각되는 부분만 짚고 넘어갈 예정이라 부분적으로 생략한 부분이 많아서 직접 구현하셔야되는게 조금 있는데 어려운 부분은 아니라고 생각돼서 넘어가겠습니다 (생략한 부분 : 회원가입과 로그인 및 기기 토큰값 firestore에 저장하는 작업 등등) 백그라운드 처리를 위한 메인부분 Future _firebaseMessagingBackgroundHandler(RemoteMessage message) async { await Firebase.initializeApp(); ..