선경선향아빠's Blog

  Flutter 개발 패키지 Flutter 개발에 필요한 라이브러리등이 필요하면 다음 사이트에서 정보를 찾아볼수 있습니다. https://pub.dev Dart package 페이지에 가서 필요한 라이브러리를 검색하고 개발환경 터미널에서​ flutter pub add “패키지명” 명령어를 실행하면 됩니다. 혹시 소스를 외부에서 가져왔을 때에는 ​flutter pub get ​명령어로 사용하는 패키지를 로컬로 가져옵니다.  like 수랑 popilarit 가 높을수록 많이 사용하는 라이브러리 입니다. install 하는 방법이랑 예제도 있으니 필요한 라이브러리를 찾아서 사용하면 됩니다.

  크롬 디버깅 명령어 flutter run -d chrome 실행했는데 발생했습니다. 테스트를 잘 하다가 발견된 오류 입니다. Rejecting promise with error: Expected a value of type ‘FontCollectionNamespace’, but got one of type ‘Null’ _js_helper.TypeErrorImpl.new 어떻게 처리 해야 할지 몰라서 구글에 검색도 해보고 chatGPT에 물어도 봤습니다. 이 에러에 대해서 알고 있니? Rejecting promise with error: Expected a value of type ‘FontCollectionNamespace’, but got one of type ‘Null’ _js_helper.TypeErrorImpl.new chatGPT의 대답 이 에러는 JavaScript나 TypeScript 코드에서 발생하는 타입 에러(TypeError)입니다. 이 에러 메시지는 ‘FontCollectionNamespace’ 타입의 값이 예상되었지만 ‘Null’ 타입의 값이 전달되었다는 것을 나타냅니다. 이러한 경우에는 코드에서 예상한 데이터 타입과 다른 데이터 타입이 실제로 전달되는 경우가 있습니다. 이를 해결하기 위해서는 코드를 검토하여 예상한 데이터 타입과 일치하지 않는 데이터 타입을 사용하는 코드를 찾아 수정해야 합니다.또한 이 에러가 발생한 코드 상의 위치와 함께 더 자세한 정보가 제공되는 경우가 있습니다. 이 정보를 통해 코드 상의 어떤 부분에서 이 에러가 발생하는지더 쉽게 파악할 수 있습니다.  chatGPT의 답변은 도움이 안되었고​ 이것저것 해보니 flutter/bin/cache 폴더를 지우고 다시 해보니 정상적으로 되었습니다. ​무엇이 문제였을까요?

  우선 Flutter 개발환경 설정이 필요합니다. ​Flutter 개발환경 설정 -> https://skshpapa80.blogspot.com/2024/04/flutter_15.html VS Code 에서 Flutter 확장 프로그램을 설치합니다. 설치 후 Ctrl+Shift+P 로 명령을 입력합니다. 명령어 입력 Flutter:New Project 프로젝트 타입 Application 선택 생성할 폴더를 지정하고 (지정한 폴더에 App 명으로 폴더가 생깁니다.) Application 명을 입력 ​하면 flutter 프로젝트가 생성됩니다. 여기에서 신뢰할수 있냐고 물어 보면 신뢰 한다고 클릭하면 기본 파일들이 자동으로 생성됩니다. 터미널에서 필요한 패키지를 추가하려면 flutter pub add 패키지명 크롬에서 디버깅으로 실행하려면 flutter run -d chrome 명령어로 처리하면 됩니다. 안드로이드 앱 개발이 아니라면 VS Code 를 사용해도 충분한 거 같네요

  이번에 안드로이드용 PDA UI 개발을 Flutter 을 사용하기로 해서 회사 노트북에 Flutter 개발환경을 세팅했습니다. 세팅내역을 정리해봅니다. ​1. 윈도우 Flutter 개발 환경 설정 Flutter SDK 다운로드 Flutter 설치 사이트 → Windows 선택  https://docs.flutter.dev/get-started/install Flutter 다운로드 페이지  https://docs.flutter.dev/get-started/install/windows  2. Flutter SDK 설치 C:\Flutter 에 압축 풀고​ 3. 환경 변수 추가 Path : C:\flutter\bin 추가 4. 안드로이드 스튜디오 다운로드 및 설치 – 안드로이드 스튜디오 다운 URL https://developer.android.com/studio 다운받으신 후 설치 진행하시면 되고 특별한 설정없이 진행하면 됩니다.​ 5. 안드로이드 SDK 추가 안드로이드 스튜디오 SDK Manager 실행 후 6. Java 런타임 설치 7. Visual Studio 커뮤니터 2022 버전 설치 → C++ 데스크톱 개발 항목 설치 8. 크롬(Google Chrome) 설치 9. flutter doctor –android-licenses 명령 실행 후 모두 Y 10. flutter doctor 명령어로 설치 정상 확인

5월 16일 Flutter 프로젝트 3월부터 시작한 Flutter 프로젝트가 이제 마무리되어가네요. 처음에는 쉽게 생각했었는데 생각보다 많이 어려웠습니다. Flutter로 안드로이드 앱을 만들었는데 에뮬레이터에서 동작하는 게 실기랑은 좀 다르네요. 거의 같지만 미세한 차이는 있습니다. 그리고 C# 개발자이다 보니 쉽게 하던 것들도 Flutter로 하는 건 왜 이리 힘든지. 암튼 진짜 고생해서 프로젝트를 마무리 했습니다. 당분간은 Flutter을 안했으면 좋겠네요.. 두달동안 기간이 짧아서 기초를 제대로 배우지 못하고 했더니 더 어려웠던거 같아요.. 당분간 기초내용을 공부하고 프로젝트는 나중에 하는걸로… 날씨 몇일전까지는 그렇게 덥지 않앗는데 오늘은 완전 여름날씨. 덥네요!!! 반팔입고 봄 점퍼를 하나 입고 다녔는데 오늘 부터는 완전 반팔 모드 입니다. 근데 다시 온도가 내려 간다는데.. 어쩔지… 5월 31일 새로운 프로젝트 Flutter 프로젝트를 마무리 하고 새로운 프로젝트에 들어 갑니다. 이번엔 구성원이 많이 다른데 어떻게 진행될지 매우 궁금하네요!!! 개발툴도 업그레이드 하고 프레임워크도 새로 만들고 할일이 많네요!!! 아직 포항 출장중인데 당분간은 역시 계속… 포항 출장중입니다. ㅎㅎ 뚝섬유원지 최근에 뚝섬 유원지에 그늘막을 치고 쉬는게 좋아지고 있어요 아이들도 좋아하고 한강 라면도 맛있고 진짜 날씨가 좋고 쉴수만 있다면매일 가서 쉬고 싶네요 ㅎㅎ