Flutter의 아이콘, Symbol 적용하기
·
Flutter
0️⃣ Material Icons! Flutter의 가장 큰 장점은 Icons를 직접 제공해주기 때문이지 않을까 싶다. 물론 디자이너가 예쁘게 만들어준 Icon을 사용하는 것도 좋지만 개발하는 데에 있어 시간은 금이기 때문에 디자이너의 시간을 줄여주고 개발자와의 협업하는 데에 있어 쉽게 소통할 수 있는 리소스 제공이라니! 쓰지 않을 이유가 없다. 심지어 Material Symbols and Icons는 피그마에서 플러그인으로도 제공하니 말이다.https://fonts.google.com/icons Material Symbols and Icons - Google FontsMaterial Symbols are our newest icons consolidating over 2,500 glyphs in a s..
문제해결 : env: bash\r: No such file or directory
·
Flutter/문제해결
⛔ 문제사항 고통스럽다. Flutter 환경변수를 설정해야하는데, 저번에 뭔가 잘못했는지 flutter doctor를 실행할 때마다 아래와 같은 에러가 발생했다.env: bash\r: No such file or directory 해당 에러는 Window와 macOS/Linux상에서 인식하는 문자가 달라 발생하는 것으로, 단순히 설명하면 "\r"을 macOS가 인식하지 못하는데 해당 문자가 포함되어있어 파일/디렉토리가 없다고 이야기하는 것이다.✅ 해결방안Flutter SDK 경로에 있는 스크립트 형식을 "\n"으로 바꿔주기만 하면 되는데 dos2unix 유틸리티를 사용하거나 VSC 기능을 사용하면 된다. dos2unix 유틸리티도 제법 간단해보였지만 VSC를 사용하면 훨씬 더 쉽고 빠르게 해결 할 수 있..
Flutter 프로젝트 생성하기
·
Flutter
오랜만에 Flutter를 다시 시작해보려고 하는데 어떻게 하는 건지 다 까먹어버렸다~차근차근 다시 시작해보며 플러터 세팅법을 기록해본다. 나는 이미 Flutter 자체는 설치가 되어있으며 환경변수 설정까지 마쳤으므로 초기 세팅부터 시작해야한다면 아래 게시물을 참고하길 바란다. Flutter M1에서 세팅하기간단하게 macOS(애플실리콘)에서 세팅하는 방법을 알아보자. 플러터는 비교적 세팅 방법이 쉬워서 간단하게 할 수 있다. 0️⃣ 플러터 SDK 설치 https://docs.flutter.dev/get-started/install/macos macOS install Howkkevido.tistory.com0️⃣ flutter doctor & flutter upgrade우선 flutter doctor 명령..
Flutter로 WebView 만들어보기
·
Flutter
0️⃣ WebView?어플리케이션을 쓰다보면 앱 내에서 웹페이지가 동작 할 때가 있다. 예를 들어, 네이버나 유튜브 화면을 띄울 필요가 있을 때 말이다. Flutter 내부에서도 그렇게 웹 페이지를 띄울 수가 있는데, 이때 사용하는 라이브러리가 바로 webview_flutter 이다.https://pub.dev/packages/webview_flutter webview_flutter | Flutter packageA Flutter plugin that provides a WebView widget on Android and iOS.pub.dev 1️⃣ webview_flutter 설치 $flutter pub add webview_flutter명령어를 통해 webview_flutter를 설치한다.2️⃣ ..
문제해결 : Downloaded executables cannot execute on host.
·
Flutter/문제해결
⛔ 문제사항 맥북을 새로 구매하며 M3로 업그레이드 하고, Flutter를 처음부터 다시 세팅 해주는 중에 새로운 문제가 발생했다. Downloaded executables cannot execute on host. 라는 에러였는데, 친절하게도 아래 명령어를 입력하면 해결 가능하다고도 나와있다. ✅ 해결방안 $sudo softwareupdate --install-rosetta --agree-to-license 이 명령어를 통해 손쉽게 해결가능하다. 다만, 나 같은 경우엔 지속적으로 sudo: softwareupdate: command not found 이런 식으로 명령어를 찾을 수 없다고 나왔었는데 띄어쓰기를 잘 못 한 것으로 파악된다. 띄어쓰기만 신경 써서 명령어를 그대로 ctrl c+v 한 뒤, 다시..
문제해결 : Android Studio에서 Dart SDK is not found in the specified location 에러가 나타날 때
·
Flutter/문제해결
⛔ 문제사항VSC에서 Android Studio로 바꾸어 빌드하려고 보니 main.dart를 빌드할 수 없다고 나와있었고,Android Studio 의 Settings > Languages & Frameworks > Dart 에서 보면 아래와 같은 오류 문구가 있었다.✅ 해결방안문제는 바로 내 Dart SDK path가 지정되어 있지 않아서인데, 이를 지정해주면 된다.flutter 다운로드 경로/flutter/bin/cache/dart-sdk 를 경로로 지정해주고 아래 체크박스를 클릭하면 해결 완료다.❗출처참고 사이트 : https://masswhale.tistory.com/54 안드로이드 스튜디오에서 Dart SDK is not configured 메세지가 나타날때.안드로이드 스튜디오에서 Flutter..
Flutter의 Widget 종류 : Stateless와 Stateful
·
Flutter
0️⃣ State, 상태란? State, 상태는 사실상 개발을 하다 보면 필연적으로 마주하게 되는 단어이다. 그렇다면 상태는 대체 무엇일까? 앱의 정보 또는 데이터 를 통칭하여 상태라고 이야기한다. 따라서 유저가 어플리케이션을 사용하며 동작하는 모든 데이터, 예를 들어 로그인 할 때 Input 값에 입력하는 아이디와 비밀번호부터 라이트/다크 모드를 선택하는 등의 단순히 화면을 바꿔주는 값 등등 모든 데이터를 상태라고 부른다. 공식문서에서는 아래와 같이 명명하고 있다. 1. 위젯이 빌드될 때 동기적으로 읽을 수 있는 정보 2. 위젯의 생명주기가 끝나기 전까지 변경될 수 있는 정보 그렇다면, Flutter에서 State를 사용할 수 있는 방법은 무엇이 있을까? 그러기 위해서는 Stateless Widget과..
문제해결 : VSCode에서 Flutter 실행하기 (launch.json)
·
Flutter/문제해결
⛔ 문제사항 컴퓨터 고장으로 Mac intel칩에서 Mac M2로 바꾸면서 세팅을 새로 해주게 되었다. Flutter의 모든 세팅을 마치고 VSCode도 새로 깔아 실행하려고 보니 웬걸, 기존 방식대로 실행을 할 수가 없다. ✅ 해결방안 1. launch.json 파일 생성 VSCode 자체에서 잘 알려주고 있는데, 빨간색으로 표시된 create a launch.json file을 클릭하면 알아서 launch.json 파일을 만들어준다. 또는 .vscode 폴더 내에 직접 launch.json 파일을 만들어주어도 된다. 나는 위 1번 방법으로 생성했고 아래와 같이 기본적으로 내용이 기재되어있다. 2. configurations에 값 넣기 { "name": "Current Device", "request"..
Flutter로 aab 파일 빌드하기
·
Flutter/문제해결
1️⃣ 앱서명 // (배포를 위한 jks키 생성) $keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 배포하기 위해서는 어플리케이션 서명을 해야한다. jks 확장자 파일의 key를 생성해서 서명을 하면 작동한다. 2️⃣ keystore 참조 keyAlias=key keyPassword= storeFile=./key.jks storePassword= 생성한 key 파일을 android/app/ 폴더에 위치시킨 뒤, android/app 폴더에서 key.properties 파일을 생성하고 위에 같이 작성한다. 3️⃣ Gradle 서명 구성 // start of Gradle 서명 구성 def ke..
문제해결 : DT_TOOLCHAIN_DIR cannot be used to evaluate LIBRARY_SEARCH_PATHS, use TOOLCHAIN_DIR instead
·
Flutter/문제해결
⛔ 문제사항 XCode에 들어가서 빌드 하려고 보니 아래와 같은 에러가 발생했다. DT_TOOLCHAIN_DIR cannot be used to evaluate LIBRARY_SEARCH_PATHS, use TOOLCHAIN_DIR instead 이는 CocoaPods의 버전 이슈 문제로 간단하게 CocoaPods를 업데이트 하면 해결된다. ✅ 해결방안 1. CocoaPods 업데이트 gem install cocoapods --pre 이 명령어를 통해 CocoaPods를 업데이트하면 되는데, 나는 이 또한 쉽게 되지 않고 아래처럼 Ruby 권한 문제가 새로 발생했다. You don't have write permissions for the /Library/Ruby/Gems/2.6.0 directory. ..
문제해결 : SDK version issue. This app was built with the iOS 16.4 SDK.
·
Flutter/문제해결
⛔ 문제사항 오랜만에 애플 스토어에 출시해둔 어플리케이션을 업데이트 하려고 아카이브 한 빌드를 제출하니, 이런 이메일이 돌아왔다. 충격 그 자체. 현재 사용하고 있는 iOS SDK가 맞지 않다는 메일이었다. 요약하자면, 2024년 4월 29일부터 iOS SDK 16.4 버전에서 build 되어야한다는 내용이었다. 내가 사용하고 있던 Xcode는 14 버전이었고 macOS는 Sonoma 14.1 버전이었다. Sonoma 14.1 버전에서는 Xcode 15 버전을 지원하지 않기 때문에 macOS자체를 업데이트 해야하는 상황이므로 쉽게 해결 가능한 부분이었다. ✅ 해결방안 1. macOS 업데이트 우선 시스템 환경 설정에 들어가서 macOS를 업데이트 한다. 이 과정만 3~40분 소요될 수 있으니 여유로울 때..
문제해결 : Unable to boot the simulator
·
Flutter/문제해결
⛔ 문제사항 어느날 갑자기 Unable to boot the simulator 이라는 문구와 함께 iOS 시뮬레이터가 실행되지 않는 일이 발생한다. 이 일을 종종 겪을 정도로 생각보다 자주 일어나는 현상 같다. Xcode 자체에서 실행하면 시뮬레이터가 켜지지만 그 외의 다른 IDE로 키면 안 되는 것처럼 보인다. ✅ 해결방안 이 Mac에 관하여 > 저장공간 > 개발자 탭으로 들어가서 Xcode와 관련된 빌드 데이터와 캐시를 삭제 해주면 된다. 이렇게 깔끔한 상태로 만들어주고 나는 Xcode 내에서 Clean Build Folder도 한 번 해주었다. 그래도 되지 않는다면 Xcode 내에서 실행해서 시뮬레이터를 켜주면 된다.