Front-End/Flutter

[Flutter] 내장 Image file

// pubspec.yaml dependencies: image_picker: ^0.8.4+4 ios/Runner/Info.plist NSPhotoLibraryUsageDescription 사진첩좀 써도 됩니까 NSCameraUsageDescription 카메라좀 써도 됩니까 NSMicrophoneUsageDescription 마이크 권한좀 제발 이런 코드를 하단에 추가. 사용자에게 허락팝업 띄울 때 보이는 글자. import 'package:image_picker/image_picker.dart'; import 'dart:io'; 파일 다루는 유용한 함수가 들어가 있는 기본 패키지 사용법 onPressed: () async { var picker = ImagePicker(); var image = aw..

[Flutter] Navigator

Flutter에서 페이지 이동 만드는 방법 웹 환경에서의 "다른 페이지로 이동" 기능은 지금 있는 페이지를 지우고 새로운 페이지를 로드하는 식으로 동작하는데 모바일 앱은 그럴 이유가 없다. 페이지 위에 페이지를 덮는 식으로 간단하게 페이지 이동을 구현할 수 있습니다. 카톡이나 다른 앱들도 뭔가를 누르면 페이지가 밑에서 부터 솟아오르면서 덮어진다. 앱은 이게 일반적인 방법 기본 문법 // Mavigator.push() IconButton( icon: Icon(Icons.add_box_outlined), onPressed: (){ Navigator.push( context, MaterialPageRoute(builder: (context){return Text('안녕'))}, ); }, ), return이 ..

[Flutter] DIO 사용 방법

Dio란? (A powerful http client for dart) http 라이브러리 처럼 서버와 통신을 하기 위해 필요한 패키지. http와 다르게 사용하기 쉽게 보다 많은 기능들을 제공하고 있으며 커스텀을 통해 사용하기 편하다. Rest API 통신에 가장 인기 많은 라이브러리 http와 다르게 응답 받은 JSON 파일을 dart:convert를 통해 디코딩 할 필요 없이 디코딩된 상태로 리턴된다 options, interceptor를 통해 다양한 기능을 한 번에 핸들링 할 수 있다 설정 // pubspec.yaml dependencies: dio: ^5.3.3 주요 기능 // 기초 Dio _dio = Dio(); // 첫번째 final response = await _dio.get('/test..

[Flutter] 앱 통신 방법 및 에러 처리

설정 // pubspec.yaml dependencies: http: ^0.13.4 // main.dart import 'package:http/http.dart' as http; import 'dart:convert'; // -> JSON 형태를 일반 자료형으로 변환해 주는 함수모음집 // android/app/src/main/AndroidManifest.xml 인터넷 사용 허락 코드 IOS는 필요 없다 Get 요청 void getData() async { var result = await http.get( Uri.parse('요청할url') ) print(result.body) } but… 가져온 데이터 대부분은 JSON 형태이다 서버랑 주고받는 데이터는 오직 문자만 가능 즉, 리스트나 객체 형태는 ..

[Angela Yu] Flutter Start

Flutter 강의를 듣기 시작했다. udemy에서 가장 유명한 Angela Yu님의 강의와 좀 더 쉽게 이해할려고 코딩애플 강의 2개를 들을려고 한다. 천천히 다른 언어를 배운다는게 까다롭지만 조금씩 이해하면서 하나씩 해볼려고 한다. What is Flutter? 개발자들이 다양한 화면 크기와 장치에 맞게 멋지 인터페이스를 쉽게 디자인할 수 있도록 해주는 도구 키트 앱을 쉽게 레이아웃 할 수 있도록 미리 빌드된 위젯도 함께 제공 예를들어, 앱을 행이나 열, 스택으로 배치 플러터가 하는 일은 빈 화면에 애니메이션, 상호 작용이든 변경이든 간단히 레고 블록 형태의 위젯들로 앱을 만들 수 있다 모든 디바이스와 플랫폼에 많은 위젯들을 커스터마이징 해서 쉽게 사용할 수 있다 why Flutter? 하나의 코드로..