drexqq

진행중에 아키텍쳐 선택, 패키지 설치, 권한 설정 등등 매번 프로젝트를 진행하려 할 때마다 해야하는 귀찮은 작업들이 많이 있다고 생각이 들었습니다 ! 그래서 본 프로젝트에 대한 코딩을 진행하기 전에 boiilerplate를 만들어 두기로 했습니다...! 레퍼런스로 참고한 github 프로젝트의 주소를 남겨두겠습니다 ! https://github.com/SimpleBoilerplates/Flutter GitHub - SimpleBoilerplates/Flutter: A boilerplate project for Flutter using RiverPod, Dio, auto_route, Freezed and generated wi A boilerplate project for Flutter using Rive..

geolocator를 사용하던 중 사용자가 권한을 거절하였을 경우 다시 요청을 하거나 설정창으로 유도하고 추가적으로 다른 권한들을 요청을 할 수도 있을 경우를 대비하여서 permission_handler를 사용해보도록 하겠습니다 ! 뭔가 package들이 하나 둘 씩 증식하고 있지만 괜찮습니다. 괜찮을거에요. https://pub.dev/packages/permission_handler permission_handler | Flutter Package Permission plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions. pub.dev 여기서 확인할 수 있습니..

프로젝트를 진행하기 위해 현재 위치를 가져오는 geolocator를 적용해보도록하겠습니다. 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 위 URL에 자세한 사용방법과 설치 방법이 나와있습니다. 1. package 설치 flutter pub add geolocator 또는 dependencies: ... geolocator: ^9.0.2 pubspec.yaml 파일에 위 처럼 작성하신 뒤 ..

프로젝트에서 사용할 폰트를 적용해보겠습니다. CDN방식이 아닌 다운받아서 사용할 계획이기 때문에 폰트를 다운받아 줍니다. Pretendard폰트를 선택했습니다 ! https://github.com/orioncactus/pretendard GitHub - orioncactus/pretendard: 어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴 | A system-ui alternativ 어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴 | A system-ui alternative font for all cross-platform - GitHub - orioncactus/pretendard: 어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴 | A system-ui..

저번 포스팅 주소입니다 !! https://drexpp.tistory.com/entry/Flutter-side-project-1 [Flutter] side project (1) 기본적인 설정을 하는 것 부터 모두다 작성을 할 생각이기 때문에 아마 오늘부터 1일 1포스팅을 목적으로 하게 될 것 같습니다 하하 현재 상황에 필요한 기본적인 부분부터 한 번 설정을 해보겠 drexpp.tistory.com 저번 포스팅 마지막에 작성한대로 이번에는 프로젝트를 진행하는데 있어서 필요한 패키지 설정과 자잘한 설정들에 대해서 다뤄보겠습니다 !! 일단 플러터에서 필요한 패키지들을 모두 볼 수 있는 사이트를 알아보겠습니다. https://pub.dev/ Dart packages Pub is the package manage..

기본적인 설정을 하는 것 부터 모두다 작성을 할 생각이기 때문에 아마 오늘부터 1일 1포스팅을 목적으로 하게 될 것 같습니다 하하 현재 상황에 필요한 기본적인 부분부터 한 번 설정을 해보겠습니다. 1. 플러터 프로젝트 생성하기 flutter create [project name] 위 명령어를 통해 새로운 프로젝트를 만들어 줍니다 ! 2. github를 통해 소스코드를 관리하기 위해 git에 연결 git init git remote add origin [git remote 주소] 3. .gitignore에 내용 추가 flutter create 명령어를 사용시 기본적으로 .gitignore파일이 생성되지만 추가적으로 제 개발환경에 맞는 부분들을 추가하기 위해서 .gitignore에 내용을 추가해줍니다. ht..

사이드프로젝트를 시작하기로 생각을 하였읍니다.. 간단하게 설명을 해보면 지도 기능을 기반으로한 모바일 앱을 플러터로 만들어서 배포해볼 생각입니다. 배포가 완료되면 공유를 해보겠읍니다.. !

플러터에서 google map api를 사용하는 방법을 알아보겠습니다. 일단 사용할 패키지를 설치해줍니다. google_maps_flutter: ^2.2.1 https://console.cloud.google.com Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com 설치후에 위 링크로 이동하여 구글 클라우드 플랫폼에 접속해서 API키를 발급받아야합니다. 기존 프로젝트가 있다면 사용하셔도 괜찮지만 새 프로젝트를 기준으로 포스팅을 해보겠습니다. 만들기를 완료하였다면 만든 프로젝트로 이동한 후에 좌측 상단에 있는 햄버거 메뉴를 눌러서 API및 서비스의 라이브러리를 클릭합니다. 해당 화면에 접속하였다면 빨간색 박스 두 부분에 들어가서 사용버튼을 눌러줍니..

플러터에서 HTTP프로토콜을 이용한 통신을 하기 위해서는 http 패키지를 사용하면 됩니다. https://pub.dev/packages/http http | Dart Package A composable, multi-platform, Future-based API for HTTP requests. pub.dev 설치방법은 cmd를 이용한 설치와 pubspec.yaml파일을 이용한 설치가 있습니다. 두 방법중 편한 방법을 선택해 사용하시면 됩니다. cmd flutter pub add http pubspec.yml 간단한 사용법을 알아보겠습니다. 위 코드에서 http 통신을 위한 부분은 3, 8, 9, 12, 13번 줄입니다. 차례로 설명을 해드리자면 3번은 사용할 http패키지를 import해주는 부분 ..

Flutter에서 주로 사용되는 비동기통신인 Future와 Stream에 대해서 작성을 해보겠습니다. 비동기 프로그래밍이란 - 파일읽기, DB I/O, 네트워크 데이터 가져오기 등 시간이 오래 걸리는 작업을 수행할 때 사용하는 방법입니다 - 비동기 작업을 통해 다른 작업이 완료되기를 기다리는 동안 프로그램이 작업을 완료할 수 있습니다. - 플러터에서의 비동기 프로그래밍은 일반적으로 결과를 Future로 제공하거나 결과에 여러 부분이 있는 경우 Stream으로 제공합니다. Future은 일회성 응답 (ex: 파일 하나 읽기, http requrest etc..) Stream은 여러번의 응답 (ex: 계속해서 변하는 데이터) 동기 작업: 동기 작업은 완료될 때까지 다른 작업의 실행을 차단합니다. 동기 함수:..