일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Three js
- Raycasting
- jszip
- Three-fiber
- swagger-typescript-api
- Babel standalone
- web track
- Game js
- methodChannel
- REST API
- Excel
- react
- Redux
- Completer
- userevent_tracker
- webrtc
- typescript
- uint16array
- babel
- uint8array
- Prism.js
- code editor
- three.js
- androidId
- RouteObserver
- KakaoMap
- Image Resize typescript
- node
- Flutter
- identifierForVender
- Today
- Total
목록Flutter (72)
Never give up
앱개발을 하다보면 List를 DB에 저장해야할 때가 있습니다 List같은 경우 SharedPreferences에 저장하는 방법도 있지만 key값을 갖는 Map같은 경우 ex) Map SQFLite를 통해 DB에 저장하거나 Batch파일에 저장해야됩니다 여기에서는 SQFLite를 통해 저장하는 방법을 알아보겠습니다 먼저 제가 사용한 데이터 타입은 Map입니다 void setTodayData(DateTime time, List list) async { //Map _map = {}; //_map[time] = list; //notifyListeners(); //윗 부분은 UI에 표시하는 부분이어서 다른형태로 사용하셔도 무방합니다 String data = jsonEncode(list); //DBManager _..
GuestureDetector를 이용하여 스케일 변경을 할 때 몇가지 주의해야될 점이 있습니다 예를 들어 위젯 사이즈가 화면 사이즈보다 크면 overflow가 발생할 수 있고 너무 작으면 위젯들의 글씨가 안좋아서 가독성이 떨어질 수 있습니다 해결방안으로 여러가지가 있겠지만, 해당 글에서는 clamp를 사용할 것입니다 class ScaleExample extends StatefulWidget { @override _ScaleExampleState createState() => _ScaleExampleState(); } class _ScaleExampleState extends State { double size = 100; @override Widget build(BuildContext context) {..
Provider를 사용할 때 Provider.of, Consumer, Selector등을 사용할 수 있는데 Provider.of에서는 listen을 제외하고는 크게 고려할것이 없습니다 (자세한 내용은 링크를 통해 확인해주세요 : https://devmemory.tistory.com/10) 그러면 Consumer와 Selector는 언제 쓰는것이 좋은지에 대해 알아보겠습니다 먼저 Consumer를 사용하는 가장 큰 목적은 크게 2가지로 1. BuildContext가 없는 곳에서 사용하기 용이 2. 최적화된 리빌드를 통한 성능적 이득 그러면 Consumer 대신 Selector를 사용해야 될때는 언제일까요? 먼저 Consumer랑 Selector의 기능은 동일합니다만 Selector에는 다른 기능이 있습니다..
공식문서에 따르면 SQFLite에 데이터를 저장하고 불러올 때 Data type은 다음과 같습니다 // Get the records List list = await database.rawQuery('SELECT * FROM Test'); List expectedList = [ {'name': 'updated name', 'id': 1, 'value': 9876, 'num': 456.789}, {'name': 'another name', 'id': 2, 'value': 12345678, 'num': 3.1416} ]; (출처 : pub.dev/packages/sqflite) 먼저 Map은 key와 value의 관계로 되어있고, List는 index와 value의 관계로 되어있습니다 그리고 List은 val..
기본적으로 SQLite에서는 NULL, INTEGER, REAL, TEXT, BLOB형태로 저장이 됩니다 NULL은 데이터 값이 비어있을때 INTEGER는 정수형 (int value, DateTime, bool 등) DateTime의 경우 INSERT할 때 DateTime.millisecondsSinceEpoch 값으로 저장 후 불러올 때는 DateTime.fromMillisecondsSinceEpoch(value)과 같은 형태로 불러옵니다 ex) 데이터 클래스 void setTodayData(DateTime time, int percent) async { _map[time] = percent; notifyListeners(); await _manager.setStatus(time.milliseconds..
Terminal에서 flutter pub, get, doctor, clean 등을 사용해야하는 경우가 있는데 경로지정이 잘못된 경우 다음과 같은 에러가 발생합니다 Error: No pubspec.yaml file found. This command should be run from the root of your Flutter project. Do not run this command from the root of your git clone of Flutter. 어떤분은 재설치를 해야된다 혹은 또 다른 조치를 취해야된다 하는데 정말 간단한 방법으로 해결 가능합니다 1. 프로젝트 우클릭 2. Open in Terminal 클릭 3. 터미널 창에 경로가 프로젝트 경로인지 확인 4. 명령어 입력 이 방법을 사용..
Color값을 SharedPreferences에 저장하는것은 아주 간단하지만 이전에 설정된 값이 없어서 null인 경우에 처리하는 방법입니다 Splash Screen, init메소드 @override void initState() { super.initState(); _init(); } void _init() async { await Provider.of(context, listen: false).initColorData(); Navigator.push( context, MaterialPageRoute(builder: (context) => MainScreen())); } ConfigData class ConfigData extends ChangeNotifier { SharedPreferences _pr..
Provider를 사용하다보면 어떤곳에는 false를 사용하고, 다른곳에서는 사용하지 않는데 이 차이를 알아보겠습니다 결론부터 말하자면 notifyListeners()를 호출해서 바로 UI에서 변경되는 부분은 true (default가 true이기 때문에 따로 설정해줄 필요는 없습니다) 그리고 데이터만 변경하고 UI를 변경하지 않는곳에서는 listen : false를해야됩니다 예제 코드로 알아보겠습니다 Splash Screen class SplashScreen extends StatefulWidget { @override _SplashScreenState createState() => _SplashScreenState(); } class _SplashScreenState extends State { @o..