삽질하는 개발자 hashblown38 프론트엔드 개발자의 TIL #014 TIL #014 191121 목 오늘 배운 점 1. Shared Preferences key-value 형태의 데이터를 디스크에 저장해서 사용하는 방법..이라고 한다. 앱을 종료한 후 다시 시작해도 shared preference로 관리되는 데이터는 이전에 앱을 실행했을 때의 값을 저장해서 불러오기 때문에 저장된 데이터 값을 출력한다. Flutter의 Hello World인 increment counter를 shared preference로 적용한 예시를 확인해보았다. //@pubspec.yaml dependencies: shared_preferences: import 'package:shared_preferences/shared_preferences.dart'; // shared preference 값.. 2019. 11. 21. 프론트엔드 개발자의 TIL #013 TIL #013 191120 수 오늘 배운 점 1. 나중에 추가될 Python 데이터분석 코드를 Flutter와 어떻게 연동할지에 대해 간단하게 알아봤다. starflut라는 플러그인으로 Flutter가 다른 언어와 상호작용할 수 있도록 설정할 수 있다고 한다. //@pubspec.yaml dev_dependencies: flutter_test: sdk: flutter starflut: path: ../starcore_for_flutter/starflut //android: main에 하위 폴더를 만들고 python share library를 추가한다. android app src main assets unicodedata.cpython-36m.so zlib.cpython-36m.so java jniLi.. 2019. 11. 20. 프론트엔드 개발자의 TIL #012 TIL #012 191118 월 오늘 배운 점 1. video_player - 영상 재생하기 앱에 영상 재생 기능도 추가돼야 할 것 같다는 의견이 나와서 이런 플러그인을 발견했다. //@pubspec.yaml dependencies: flutter: sdk: flutter video_player: //permissions //AndroidManifest.xml //Info.plist for iOS NSAppTransportSecurity NSAllowsArbitraryLoads import 'dart:async'; import 'package:flutter/material.dart'; import 'package:video_player/video_player.dart'; class _VideoPlayer.. 2019. 11. 18. 프론트엔드 개발자의 TIL #011 TIL #011 191116 토 오늘 배운 점 1. 다중 이미지 업로드 multi_image_picker 패키지를 활용한 다중 이미지 업로드 기능을 구현하였다. import 'package:multi_image_picker/multi_image_picker.dart'; void upload() async {//선택한 이미지 POST로 업로드 var i = 0; var uri = Uri.parse(Global.serverUrl + '/updateImg_test'); http.MultipartRequest request = http.MultipartRequest('POST', uri); for (var asset in images) { i++; var multipartFile = http.MultipartF.. 2019. 11. 16. 프론트엔드 개발자의 TIL #010 TIL #010 191113 수 오늘 배운 점 1. 로딩 위젯 만들기 로고를 넣은 로딩 위젯을 별도의 파일로 만들어서 import하는 방식으로 사용할 예정이다. //Reusable Loading Widgets Container circularProgress() {//중앙에 회전하는 원 return Container( alignment: Alignment.center, padding: EdgeInsets.only(top: 10.0), child: CircularprogressIndicator( valueColor: AlwaysStoppedAnimation(Colors.purple), ), ); } Container linearProgress() {//상단에 수평선 로딩 return Container( pa.. 2019. 11. 13. 프론트엔드 개발자의 TIL #009 TIL #009 191112 화 오늘 배운 점 1. StreamBuilder 시간, 순서에 상관없이 다양한 일들이 일어나는 비동기(asynchronous) 데이터가 사용되는 리액티브 프로그래밍에서 필요한 데이터 관리 위젯이다. 각 이벤트를 Stream이라고 하고, 이 연속적인 데이터 흐름에 따라 빌드하는 것이 StreamBuilder이다. StreamBuilder( stream: _myStream, initialData: data, //stream을 받아오기 전 화면에 표시할 내용 builder: (context, snapshot) { if(!snapshot.hasData) { return CircularProgressIndicator(); } else if(snapshot.hasError) { retu.. 2019. 11. 12. 이전 1 2 3 4 5 6 7 다음
