정리노트 정리노트

참고 https://ryugang.tistory.com/8 [Flutter] web 으로 실행 문제 작성된 flutter를 모바일 환경이 아닌 웹브라우저에 빌드하는 방법이다. 해결 Window 1. [control] + [shift] + P 2. Flutter: Select Device 3. Chrome 4. Start Debuggig MAC //예정// 결과 ryugang.tistory.com 문제 flutter로 만든 페이지를 html 을 생성하는 방법을 알아본다. 과정 해당 프로젝트의 터미널에서 입력 flutter build web 생성이 완료되면 [프로젝트명]/build/web 에 index.html 을 사용하면 된다. 혹시나 선행으로 js 파일을 생성하거나, index.html 에 수정이 필요하..

문제 IOS에서 flutter으로 만든 App으로 카메라를 들어가면 한글이 아닌 영어로 Cancel, Photo, Retake, Use Photo, Done 으로 표시가 되어 있다. UI에 표시된 영어를 한글로 바꾸는 방법을 알아본다. 해결방법 Xcode에 들어가서 Runner - info - Localizations 에서 " + " 를 눌러 사용언어를 선택한다. 한국어를 등록하면 디바이스 언어에 따라 언어지원이 된다.

문제 Failed to load network image 디버그 콘솔에 표시된다. 시뮬레이터에 출력된 image가 아래와 같이 나타난다. 해결방법 flutter build web --web-renderer html --release VScode는 터미널에서 빌드하면 된다.

문제 단말기의 환경(PC/Tablet/Mobile)에 따라 브라우저 너비가 다르다. PC/Tablet/Mobile 3가지에 대응하고자 한다. 예시 ). https://m.daum.net/ 모바일 라이프의 시작과 끝, Daum 언제 어디서나 믿고 쓰는 Daum, 쉽고 편리하게 모바일을 즐겨보세요! m.daum.net 브라우저 가로길이 기준 1024px 이상 : PC 768px 이상 : Tablet 나머지 : Mobile 브라우저 너비 resize가 되면 실시간으로 변수를 변화하는 기능을 만드는것이 목표 해결방법 방법1(추천X) 더보기 참고 https://api.dart.dev/stable/2.17.7/dart-html/EventTarget/addEventListener.html addEventListene..

저는 상태관리, 다국어지원, 라우터, 테마 등 기능을 사용하기 위해 GetX 패키지로 관리 중 입니다. https://pub.dev/packages/get get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 터미널에서 아래 입력 시 설치 flutter pub add get 세부 기능에 대한 한국어 메뉴얼 https://github.com/jonataslaw/getx/blob/master/README.ko-kr.md GitHub - jonataslaw/getx: Open screens/snackbars/dialogs/bo..

문제 작성된 flutter를 모바일 환경이 아닌 웹브라우저에 빌드하는 방법이다. 해결 1. [control] + [shift] + P 2. Flutter: Select Device 3. Chrome 4. Start Debuggig 결과

배포 테스트에 사용한 어플이 1.0.0 버전이 검토를 마치고 정식으로 출시 되었다. https://play.google.com/store/apps/details?id=com.rkm.compassflutter 나침반(Compass) - Google Play 앱 간단한 나침반입니다. play.google.com 문제 이 프로젝트를 1.0.0 -> 1.0.1 버전으로 버전으로 변경하여 스토어 배포하는 방법을 알아본다. 버전 내용 수정없이 .aab 파일을 업로드 하면 google play console에서 버전을 높이는 방법은 아래와 같다. 해결방법 1. pubspec.yaml ##version: 1.0.0+1 //이전 버전 version: 1.0.1+2//수정된 버전 1.0.1은 수정되는 버전이고 +2는 2번..

문제 google play store에서 배포 파일인 .aab 파일을 생성하는 방법을 알아볼 것이다. 해결방법 아래 사진은 Google Play Console에서 배포과정 중 사진이다. //배포 개발자 정보를 담는 key.jks이 필요하고 생성하는 부분 생략 추후 포스팅 예정// 터미널에서 아래 입력한다. flutter build appbundle 성공적으로 생성이 완료 되었고 해당 프로젝트 폴더에 build\app\outputs\bundle\release에 app-release.aab 이 있다.