본문 바로가기

전체70

yarn v1 hoisting https://toss.tech/article/node-modules-and-yarn-berry 에서 '유령의존성' 부분 https://maier.tech/posts/a-guide-to-understanding-how-yarn-hoists-dependencies-and-handles-conflicting-packagesd 에서 'Use yarn why and the yarn.lock file to understand hoisting' 부분 2022. 5. 3.
[Flutter] error: 'Flutter/Flutter.h' 오류 아래 순서대로 실행해볼 것! cd ios for going to iOS directory of the flutter app pod deintegrate rm Flutter/Flutter.podspec rm podfile.lock flutter clean flutter run (or) flutter pub get -> IDE 에서 run 출처 https://stackoverflow.com/questions/64973346/error-flutter-flutter-h-file-not-found-when-flutter-run-on-ios 2022. 3. 15.
[Flutter] 앱 아이콘 적용하기 준비물 : 1024 X 1024 앱 아이콘 이미지 1. 앱 아이콘 자동 생성 (https://appicon.co/) 미리 준비한 이미지 등록하면 Android, iOS 에서 사용할 수 있는 이미지를 자동으로 만들어 준다! 2. Android 압축 해제 후 android 안의 폴더를 flutter_project/android/app/src/res 에 덮어씌워준다! 3. iOS 압축 해제 후 Assets.xcassets 안의 폴더를 flutter_project/ios/Runner/Assets.xcassets 에 덮어씌워준다! 4. clean 후 재실행하면 적용 끝 2022. 3. 15.
[Flutter] 스플래시 적용하기 준비물 : 생각보다 큰 스플래시 이미지 (ex. 4096 X 4096) 1. 패키지 설치 $ flutter pub add flutter_native_splash 2. pubspec.yaml 수정 파일 하단 아래 코드 추가 fullScreen: true 적용시 상단 status bar 가 hidden 처리되니 잘 확인할 것! 처음에 적용했다가 삭제했는데 캐시 때문인지 계속 status bar 가 안보여서 Info.plist 에서 관련 항목 삭제 후 빌드 color 는 백그라운드 색상인데 스플래시 색상이랑 맞춰주면 좋을 것 같다! flutter_native_splash: color: "#FFFFFF" image: assets/splash.png 3. 스플래시 이미지 생성 // 최초 $ flutter pub .. 2022. 3. 15.
[Flutter] 7일 안에 앱 런칭하기: 3일차 오늘은 스터디 하는 날 👀 오늘 한 일 ✅ 어제의 허들 넘기! (2일차에 추가 했다!) FittedBox 사용법: 글자가 많아지면 알아서 작게 줄어든다! (대신 Text 가로 크기가 줄어든 문제가 발생..) controller 값을 유동적으로 변경하는 법! 디스코드 처음 접해 본 날! 짱짱 신기! 스터디에서 어려웠던 문제들을 다른 분들의 도움으로 생각보다 간단히(?) 해결했다! 원래 밤 11시만 되도 잠자리에 드는 나였는데 다른 사람들과 새벽까지 모각코를 하다니..! 뭔가 오늘은 내일을 위한 준비 시간이었다! 오전 일찍 투표하고 뚝딱뚝딱 만들어야겠다! 안드로이드, iOS 둘 다 직접 설치해서 테스트도 해야겠다! 개발자 계정도 다시 연동하고 Testflight 에도 올려보기! 할 일이 아주아주 많구만! 😤 2022. 3. 9.
[Flutter] 7일 안에 앱 런칭하기: 2일차 하루씩 밀리는 일기 😢 오늘 한 일 ✅ 앱 아이콘, 스플래시 적용 GetX로 반응형 상태관리 적용 (sample test) 숫자 키보드 .(period) 추가 (decimal: true) 오늘 허들 🤔 TextEditingController.text 에 값을 직접 지정하니 키보드로 수정이 되지 않는다! (추가) 수정이 되지 않는 것이 아니라 해당 controller.text에 추가되는 적용식이 실행되어서 수정이 안되는 것처럼 보이는 것! print() 를 찍어보면 값은 잘 들어오는 것을 확인할 수 있다! 스터디에서 알게된 내용!! 앱 아이콘과 스플래시를 적용하니 더더더 빨리 앱을 출시하고 싶어졌다! 괜히 input 하나씩 눌러보고 숫자 입력해보면서 뿌듯해하는 내 자신 귀여워..ㅎㅎ (숫자 입력 소리도 .. 2022. 3. 8.
[Flutter] 7일 안에 앱 런칭하기: 1일차 (2일차에 작성하는 0일차 일기) 제플린에 들어가 디자인을 다시 봤다. 작년에 나름 치열했던 우리의 고민의 흔적들이 보인다. 열심히 했는데 꼭 출시해야지 다짐한다! 플러터 초보는 1페이지 UI 를 그리는데만 반나절을 소요했다 ㅠㅠ 플러터 버전으로 인한 오류가 빵빵 터지고, Row와 Column에서 생각보다 애먹었다 DevTool 을 처음 사용해봤는데 왜 높이가 안맞는지, 내가 생각한대로 잘 그려지는지 확인할 수 있었다. 굳! 디자인으로만 볼 때는 몰랐는데 직접 만들어보니 요게 최선일까? 하는 생각이 들었고, 약간 변형하는건 어떨까 하는 생각이 들었다. 하지만 UI 만 할 수는 없으니 기본만 하고 기능을 넣어야겠다. 오늘은 여기서 끝! 2022. 3. 7.
[Flutter] 7일 안에 앱 런칭하기: 0일차 (2일차에 작성하는 0일차 일기) 작년 여름부터 겨울까지 디자이너와 함께 사이드프로젝트로 진행했던 '프릿'을 드디어 만들어보려한다. 프릿은 Finance + GRIT 의 합성어로 코인 복리 계산기 및 물타기 계산기이다. (일명 코인뇌피셜) 기획도 함께하며 꼼지락 꼼지락 나름 많은 기능을 넣었지만 혼자 모든걸 다 하려니 숨이 턱 막혀서 한참을 미루고 미뤘었다. 현재 플러터 스터디를 진행하며 내 앱을 만들고 싶다는 생각이 강해졌고 그 때 프릿이 생각났다. 간단한 기능부터 만들며 차근차근 업데이트 해나가면 어떨까 생각했다. 그래서 선택한 것은 1차 목표는 물타기 계산기이다! 간단한 계산기 기능이라 7일 이란 짧은 목표 기간을 세웠다. 꼭 완주할 수 있기를 바란다! 🙂 2022. 3. 7.
[Flutter] model class 자동으로 만들기 https://app.quicktype.io/ Instantly parse JSON in any language | quicktype app.quicktype.io 요 사이트에 들어가서 오른쪽 언어는 'Dart' 왼쪽에 Name과 JSON 코드를 넣어주면 자동으로 model class를 만들어준다! JSON 코드가 잘못되어 있으면 에러가 나오니 잘 확인할 것! 2022. 2. 20.
[Flutter] ListView scroll 막기 ListView 또는 SingleChildScrollView 안에 또 다른 vertical Listview가 있을 때 스크롤 막기 physics: const NeverScrollableScrollPhysics(), primary: false return ListView( children: [ Row(...), ListView.builder( physics: const NeverScrollableScrollPhysics(), // 1번 방법 primary: false, // 2번 방법 ), ], ) 참고 https://stackoverflow.com/questions/56131101/how-to-place-a-listview-inside-a-singlechildscrollview-but-prevent-th.. 2022. 2. 18.