Flutter
[Flutter] 현재 위치 가져오기 + 마커 찍기
* 플러터 현재 위치 가져오기 https://codesundar.com/flutter-geolocation-example/ Flutter Geolocation Tutorial using Live Tracking Example - codesundar Learn how to access user's current geolocation using flutter. we also learn how to track user movement (live) with example. codesundar.com
[Flutter] 현재 위치 가져오기 + 마커 찍기
* 플러터 현재 위치 가져오기 https://codesundar.com/flutter-geolocation-example/ Flutter Geolocation Tutorial using Live Tracking Example - codesundar Learn how to access user's current geolocation using flutter. we also learn how to track user movement (live) with example. codesundar.com
![[Flutter] 구글맵 API 사용하기-2](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRNzUd%2Fbtq5FVmXegZ%2FwzC4QsWECGIYBt3izKKaB1%2Fimg.png)
[Flutter] 구글맵 API 사용하기-2
구글맵 주요한 constructor - GoogleMap - CameraPosition - CameraUpdate - GoogleMapController - Google Places Search API * 마커 찍기 예제 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 import 'dart:math'; import 'package:flutter/ma..
![[Flutter] 구글맵 API 사용하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoQ8m9%2Fbtq5FV0D6fz%2F0S4GqWxfBmPjHZGe1OxteK%2Fimg.png)
[Flutter] 구글맵 API 사용하기
1) Google Cloud Platform에서 프로젝트 만들기 https://console.developers.google.com/ Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com ▶ 프로젝트 만들기 클릭 -> 프로젝트 이름 정하고 생성 2) Maps API 활성화 ▶ Google 지도 SDK를 추가 API 라이브러리 -> Maps SDK for Android 클릭 -> 사용 누르기 ->Maps SDK for IOS SDK 클릭 -> 사용 누르기 3) API 키 생성 및 제한 ▶사용자 인증정보-> 사용자 인증정보 만들기 -> API 키 -> 키 제한 - android:..
![[Flutter_study] Section 7 review](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdH9EIp%2Fbtq5uSYMi1D%2F0AxpwFDuFZrvRPGa98wg91%2Fimg.png)
[Flutter_study] Section 7 review
● Expanded class : 수평, 수직 공간을 최대한 채우려고함 ● Button 종류/사용법 https://flutter.dev/docs/development/ui/widgets/material#Buttons Material Components widgets flutter.dev ● StatefulWidget VS StatelessWidget - StatefulWidget : 버튼을 누르거나 터치했을 때 화면에 변경된 내용을 표시할 수 있는 위젯 createState() 상태를 생성. build() 위젯을 화면에 표시하는 메서드 화면에 표시할 위젯을 반환 해야한다 setState() 위젯의 상태를 갱신 이 메서드를 실행하면 위젯을 처음부터 다시 만들지만 initState() 메서드는 호출되지 않음..
![[Flutter_study] Section 6 review](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbvTyY1%2Fbtq5tEslGYh%2FZMjh3h17xm62AQHJ54vRkk%2Fimg.png)
[Flutter_study] Section 6 review
● font 사용하기 - 폰드 다운로드 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com - 다운 받은 폰트 pubspec.yaml에 추가 https://flutter.dev/docs/cookbook/design/fonts#from-packages Use a custom font How to use custom fonts. flutter.dev - pubspec.yaml 1 2 3 4 fonts: - family: Pacifico fonts: - asset: fonts/Pacifico-Regular.ttf cs - main.dar..
![[Flutter_study] Section 5~6 review](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcs19fH%2Fbtq47UaF7vo%2FtLcxmmlZ4fnD1i4WbMZghK%2Fimg.png)
[Flutter_study] Section 5~6 review
* 아이콘 이미지 관련 사이트 - icons8, vecteezy : 무료 이미지 다운 - canva : 디자인(아이콘) 만들기 * Hot Reload : 새로 고침과 비슷. 저장하자마자 변경사항 확인 (control +s로 저장해도 같은 결과) * Hot Restart : 앱의 상태를 재설정 * StatelessWidget : Hot Reload/Hot Restart시 이부분만 실행됨. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 import 'package:flutter/material.dart'; void main() { runApp( MyApp() ); } class MyApp extends StatelessWidget { @override Widget..
![[Flutter_study] Section 1~4 review](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fm0SE3%2Fbtq4WLePlhH%2FjTQkKOqcsEBhJPCdykrukK%2Fimg.png)
[Flutter_study] Section 1~4 review
★유데미 플러터 강좌의 Section 1~4 정리★ - 주요 레이아웃 구성 : Scaffold, AppBar, ,Color, Text, Center, Image, NetworkImage, AssetsImage 등 - 이미지 파일 추가 방법(인터넷 경로/assets 폴더) - Icon 변환(android/ios) [main.dart 소스코드] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; //the main function is the starting point for all our Flutter apps. ..