![]()
⛔ 문제사항 컴퓨터 고장으로 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"..
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..
![]()
⛔ 문제사항 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. ..
![]()
⛔ 문제사항 오랜만에 애플 스토어에 출시해둔 어플리케이션을 업데이트 하려고 아카이브 한 빌드를 제출하니, 이런 이메일이 돌아왔다. 충격 그 자체. 현재 사용하고 있는 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 이라는 문구와 함께 iOS 시뮬레이터가 실행되지 않는 일이 발생한다. 이 일을 종종 겪을 정도로 생각보다 자주 일어나는 현상 같다. Xcode 자체에서 실행하면 시뮬레이터가 켜지지만 그 외의 다른 IDE로 키면 안 되는 것처럼 보인다. ✅ 해결방안 이 Mac에 관하여 > 저장공간 > 개발자 탭으로 들어가서 Xcode와 관련된 빌드 데이터와 캐시를 삭제 해주면 된다. 이렇게 깔끔한 상태로 만들어주고 나는 Xcode 내에서 Clean Build Folder도 한 번 해주었다. 그래도 되지 않는다면 Xcode 내에서 실행해서 시뮬레이터를 켜주면 된다.
![]()
Flutter에서 기본적으로 상태를 관리하는 방법은 Stateful Widget 내에서 관리하는 것이다. 하지만 화면이 복잡하고 프로젝트의 규모가 커질 수록 부모 위젯에서 자식 위젯간으로 상태를 전달하는 방법 만으로는 제한적일 때가 자주 일어나고 Stateful Widget은 상태가 바뀔 때마다 화면을 재렌더링 하면서 불필요한 Widget까지 렌더링 하며 성능을 떨어뜨릴 수 있다. 때문에 보통은 상태를 관리해주는 라이브러리를 이용하게 되는데 (Flutter가 아닌 다른 언어에서조차) 이 중에서 GetX를 사용하게 되었다. 처음 Flutter를 접할 때에는 라이브러리 없이 상태관리를 했었으나 추후에는 React Native에서 사용하던 context api와 유사하다고 판단한 provider를 이용했었으며..
IconButton의 기본적인 기능은 생략하고 내가 기억해야할 것들을 기록한다. 주기적으로 추가될 수 있음! 1️⃣ IconButton default padding 없애기 @override Widget build(BuildContext context){ return IconButton( onPressed: (){}, padding: EdgeInsets.zero, constraints: const BoxConstraints(), icon: const Icon(Icons.close) ); } padding을 zero로 모두 초기화하고, BoxConstraints를 통해 아이콘 크기에 맞추어 준다. 2️⃣ IconButton ripple effect IconButton을 눌렀을 때 물방울이 퍼지는 듯한 효과가..
앱을 만들다 보면 반드시 시뮬레이터가 아닌 실물기기로 테스트 해봐야할 때가 온다. usb로 꽂아 연결하면 쉽게 실물기기에 빌드할 수 있지만 무선 디버깅이 필요한 순간도 있다. 1️⃣ 무선 디버깅 설정하기 무선 디버깅할 안드로이드 실물기기를 설정 해줘야 한다. 💡 설정 > 개발자 옵션 > 무선 디버깅 > IP 주소 개발자 옵션 탭이 없다면, 설정의 휴대전화 정보 탭에서 빌드번호를 마구마구 눌러줘야한다. 이스터에그와 같은 장치요소다. 2️⃣ 터미널에 명령어 입력하기 개발자 옵션에서 볼 수 있는 IP주소를 터미널에 그대로 입력하면 무선으로 기기를 연결 할 수 있다. $export PATH=$PATH:~/Library/Android/sdk/platform-tools $adb connect 192.168.0.XX..
1️⃣ 프로젝트 만들기 $npx create-next-app project-name $npx create-next-app project-name --typescript --typescript를 붙이면 자동적으로 타입스크립트 형태로 맞추어 빌드해준다. 2️⃣ styled-reset 설치 $yarn add styled-reset 3️⃣ styled-component 설치 $yarn add styled-components $yarn add @types/styled-components @types/ 가 붙은 것은 typescript 전용으로 개발된 styled-components이다. typescript를 사용할 경우 둘 다 설치해줄 것 4️⃣ react-router-dom 설치 $yarn add react-r..
2023년 7월 12일 기준임을 꼭 참고 바란다. ⛔ 문제사항 멀쩡하게 잘 첨부 되던 사진이 어느날부터 되지 않았다. 해당 이슈는 Android에서만 발생하여 iOS 시뮬레이터나 실물기기에서는 문제 없이 작동하였다. PlatformException(read_external_storage_denied, User did not allow reading external storage, null, null) 이런 에러가 발생했는데, 말 그대로 권한이 거부된 상태였다. 내가 선언했던 것은 이렇게 3가지로 아래 두 개의 STORAGE 관련 권한이 사진 및 미디어에 접근할 수 있는 권한이다. 그러나 설정에서 본 앱의 권한에는 사진 및 미디어가 포함되어있지 않는 현상이 발생하여 해결하는 데에 꽤나 애를 먹었다. ✅ 해..
⛔ 문제사항 The include file 'package:flutter_lints/flutter.yaml' in ~~ 터미널창에서 자꾸 이런 에러가 나오며 analysis_options.yaml 파일이 노랗게 표시되는 것이 보기 싫어 해결방안을 검색해보니 lint 문제였다. ✅ 해결방안 $flutter pub add --dev flutter_lints 해결방법은 굉장히 단순한데, 그냥 flutter_lint를 다운로드 받아주면 된다. 혹은, pubspec.yaml 파일에서 dev_dependencies: flutter_lints: ^2.0.1 flutter_test: sdk: flutter 이렇게 dev_dependencies 에 flutter_lint 버전을 추가해주면 쉽게 해결 할 수 있다.
![]()
⛔ 문제사항 Android Studio 업데이트 이후 발생하는 문제로 추측되고 있다. 새로 설치하는 Flutter이거나 기존에 설치되어있는 Flutter 일 경우에도 flutter doctor -v 명령어를 실행하면 발생하는 에러다. Java 버전이 맞지 않는다고 나온다. 해당 에러는 jre 파일이 jbr 이란 이름으로 바뀌었기 때문에 발생하는 것으로, 파일 이름을 바꿔주기만 하면 된다. ✅ 해결방안 cd /Applications/Android\ Studio.app/Contents/jre ln -s ../jre jdk ln -s "/Library/Internet Plug-Ins/JavaAppletPlugin.plugin" jdk 루트 폴더에서 Android 폴더로 이동하는 명령어를 실행하여 jre 파일을..
