일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- webrtc
- addPostFrameCallback
- Three-fiber
- typescript
- userevent_tracker
- Flutter
- node
- Dart 2.17.0
- babel
- react
- Raycasting
- Babel standalone
- androidId
- FirebaseAnalytics
- Flutter 3.0
- KakaoMap
- code editor
- REST API
- redux toolkit
- RouteObserver
- web track
- Game js
- Redux
- Three js
- swagger-typescript-api
- methodChannel
- Image Resize typescript
- identifierForVender
- Completer
- Prism.js
- Today
- Total
목록해왔던 삽질.. (35)
Never give up
이번에는 카카오 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..
드디어.. 개발 시작 후 첫번째 패키지를 등록해봤습니다 기존에 있던 맵 패키지들 전부 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는 패키지 링크 내에 있으니 본인에게 필요한 ..
Multi image picker를 사용할 경우 애매한 상황이 생깁니다 (해당 예제는 4.8.0 버전을 사용했습니다) 불러오는 데이터 타입이 Asset인데 내부를 보면 (링크 참고 : pub.dev/documentation/multi_image_picker/latest/multi_image_picker/Asset-class.html) Asset( this._identifier, this._name, this._originalWidth, this._originalHeight, ); //너는 뭐냐... Image picker는 file path를 가져와서 File형태로 사용할 수 있고 byte array가 필요한 경우 readAsByte같은 메소드를 사용하면 됩니다 근데 이 Asset이란 녀석(?)은 기기에..
material widget들 중 Stepper를 사용해보려고 예제를 만들어봤는데 생각보다 문제가 많은 위젯이란걸 느꼈습니다 소스코드와 함께 이 부분에 대해서 말해보고자 합니다 class StepperExample extends StatefulWidget { final String title; StepperExample(this.title); @override _StepperExampleState createState() => _StepperExampleState(); } class _StepperExampleState extends State { List _list = List.generate( 5, (index) => Step( title: Text('Step - ${index + 1}'), cont..
필자의 2번째 앱은 1.22.6버전으로 되어있습니다 그래서 수정 및 배포를 다시해야될 경우 버전을 다운그레이드 해야되는데 Flutter version v1.22.6
기존 프로젝트를 2.0으로 Migration을 하면서 Null safety부분 때문에 변경된 부분이 생각보다 많다는걸 느꼈습니다 그중 하나가 callback이었는데 여러분들은 삽질하지 마시길 바라며 포스트 올립니다.. 기존에 우리가 사용하던 방식은 다음과 같습니다 class Button extends StatelessWidget { //2.0에서는 당연히 null check 해야됩니다 이건 예시로.. final String name; final Function onTap; Button({this.name, this.onTap}); @override Widget build(BuildContext context) { return ElevatedButton(onPressed: onTap, child: Text..
3월 4일 오전에 Flutter 2.0으로 업데이트 되었습니다 주요 업데이트로 웹뷰, 데스크탑, 임베디드 공식지원 그리고 dart 업데이트 등이 있었습니다 새로 업데이트 되면서 package 호환성 문제 그리고 기존에 사용하던 api들중 몇몇개는 deprecated되었으니 이전에 포스팅한 예제들 중 deprecated된 부분이 있다면 migration을 진행해보시는게 좋을거 같습니다 그리고 대형 업데이트인 만큼 아직 안정적이지 않은거 같습니다 그리고 이후 포스트 내용은 Flutter 2.0을 기반으로 포스트 할 예정이고 제목 또한 Flutter 2.0 - blah blah로 지을 예정입니다 -- 이부분 다시한번 생각해봤는데 2.0을 붙이는건 2.0에 해당되는 내용만 붙일 예정입니다 세줄 요약 1. 앞으로..
필자가 bloc을 이해하는 과정에서 조금 고생과 삽질을 해서 이 부분을 조금 더 수월하게 접근하실 수 있도록 Streambuilder와 bloc을 통해 예제를 만들어봤습니다 먼저 StreamController를 이용해 bloc형식과 유사하게 구현을 한 후 bloc 패키지를 이용해 카운터 예제를 구현할 예정입니다 Event class abstract class CounterEvent {} class IncrementEvent extends CounterEvent {} class DecrementEvent extends CounterEvent {} Bloc class class CounterBloc { CounterBloc() { counterEventController.stream.listen(_mapEv..