소소한 행복을 꿈꾸는 일상

다른 dart 파일에 설정 data(변수) 전달 1. Class 만들기(my_location.dart) import 'package:geolocator/geolocator.dart'; class MyLocation { double? latitude2; double? longitude2; // 앱이 실행 8 - await의 경우 Future 함수로 지정 Future getMyCurrentLocation() async{ try { LocationPermission permission = await Geolocator.requestPermission(); //오류 해결 코드 // 앱이 실행 7 - Geolocator 를 사용하여 Position 에서 위도와 경도 값을 가져온다. Position position..

http package 인터넷에서 데이터를 가지고 오기 위한 package로 api를 호출하여 데이터를 받아올 때 사용한다. (https://pub.dev/packages/http) http | Dart Package A composable, multi-platform, Future-based API for HTTP requests. pub.dev http 사용법 1. pubspec.yaml 파일에 http dependencies 추가(https://pub.dev/packages/http/install) 2. 네트워크 연결을 위한 permission 추가 - 안드로이드 경우 2.1 android > app > src > main > AndroidManifest.xml 파일에 추가 3. http 사용을 위..

geolocator Package 현재 내 핸드폰(device)의 위치를 찾기 위해 사용할 수 있는 flutter package로 사용 법은 아래와 같다 https://pub.dev/packages/geolocator geolocator | Flutter Package Geolocation plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API for generic location (GPS etc.) functions. pub.dev 사용법 1. pubspec.yaml 파일에 dependencies 추가(https://pub.dev/packages/geolocator/install) 2. 앱(device)에서 위치 정보 허..

List 다수의 자료에 대한 처리 및 관리를 위한 Collection 클래스로 데이터의 순서가 존재하며 중복을 허용하는 클래스 List의 사용법 void main() { List colors = ['빨','주','노','초','파','남','보']; // List에 하나만 추가하는 경우 add 메소드 사용 colors.add('초'); print(colors); => [빨, 주, 노, 초, 파, 남, 보, 초] // List에 다수의 값을 추가하는 경우 addAll 메소드 사용 colors.addAll(['노','검']); print(colors); => [빨, 주, 노, 초, 파, 남, 보, 초, 노, 검] // List에 값으로 삭제하는 경우 remove 메소드 사용 colors.remove('빨')..

For loop For loop 사용법 1. loop의 시작할 변수를 설정하고 초기 값을 설정한다. (ex. int i = 0) 2. 세미콜론(;)을 입력하여 다음 단계로 넘어간다. 3. loop가 종료될 시점을 설정한다.(ex. i i값이 5보다 작을 때까지 반복 실행한다.) 4. 세미콜론(;)을 입력하여 다음 단계로 넘어간다. 5. 변수 값의 증감을 설정한다.(ex. i++ => 한번 반복 후 i값을 1 증가한다.) 6. 세미콜론(;)을 입력하여 완성한다. For loop 장점 1. 변수 값의 증감을 설정할 수 있다.(ex. i+=2 => i 값을 2씩 증가 할 수 있음.) 2. 가독성이 높음. For loop 단점 1. loop가 종료될 시점을 설정해야 한다. 2. loop가 종료될 시..

Navigator stack이라는 자료 구조를 사용하여 Route 객체를 관리한다. Route 스마트폰에서 보이는 하나의 화면이나 페이지를 의미한다. 참고 ) https://api.flutter.dev/flutter/widgets/Navigator-class.html Navigator class - widgets library - Dart API A widget that manages a set of child widgets with a stack discipline. Many apps have a navigator near the top of their widget hierarchy in order to display their logical history using an Overlay with the..

ScaffoldMessenger Scaffold에서 SnackBar 위젯을 사용을 관리하는 것(?) 참고 ) https://docs.flutter.dev/release/breaking-changes/scaffold-messenger SnackBars managed by the ScaffoldMessenger SnackBars are now managed by the ScaffoldMessenger, and persist across routes. docs.flutter.dev SnackBar 사용법 ScaffoldMessenger.of(context) .showSnackBar( SnackBar( content: Text( text, // snackBar에 표시되는 문구 textAlign: TextAlig..

TextEditingController 란 편집이 가능한 TextField에 입력된 값을 가지고 오거나 TextField에 입력된 값이 변경될 때 사용 하는 클래스 참고 ) https://api.flutter.dev/flutter/widgets/TextEditingController-class.html TextEditingController class - widgets library - Dart API A controller for an editable text field. Whenever the user modifies a text field with an associated TextEditingController, the text field updates value and the controller ..

Form Widget 란 여러 개의 TextFormField를 관리하는 것으로 TextField를 생성하거나 스타일을 지정할 수 있으며 포커스, 유효성 검사 등의 기능을 제공하는 Widget이다. 참고 ) https://docs.flutter.dev/cookbook/forms Forms docs.flutter.dev TextField 가장 일반적으로 사용되는 텍스트 입력 위젯으로 기본적으로 밑줄로 표현되며 decoration 속성에서 InputDecoration Widget을 사용하여 텍스트입력 Widget의 외형을 변경할 수 있다. keyboardType 속성을 이용하여 입력 형태를 규정 할 수 있다. TextField( decoration: InputDecoration( labelText: 'Ente..

LayoutBuilder 란 공식 문서상으론 'Builds a widget tree that can depend on the parent widget's size.' 이렇게 쓰여 있고 해당 내용을 번역해보면 '상위 위젯의 크기에 의존할 수 있는 위젯 트리를 빌드합니다.'라고 하는데 딱히 와닿지는 않아서 코드로 해당 내용을 이해해보도록 하자. 공식 문서를 통해서 이해하신 분들은 설명 좀 부탁드려요. 자세한 내용은 flutter 공식 홈페이지를 통해서 확인 바랍니다. 참조 ) https://api.flutter.dev/flutter/widgets/LayoutBuilder-class.html LayoutBuilder class - widgets library - Dart API Builds a widget t..