본문 바로가기

전체 글91

ios info.plist 파일 위치 ios info.plist 파일 위치./ios/Runner/Info.plist 2024. 6. 5.
플러터, 다트 버전 확인 (flutter, dart version) 플러터, 다트 버전 확인 (flutter, dart version) * 전체상황 확인flutter doctor -v * 다트버전dart --version * 플러터 버전flutter --version  ———* 플러터 업그레이드 : 플러터, 다트, 플러터sdk 모두 동시 업그레이드됨.flutter upgrade. 2024. 6. 5.
안드로이드 앱번들 빌드하기 (aab 파일 생성) 구글 플레이스토어에 업로드용 앱번들 파일 만들기 앱번들 빌드flutter build appbundle  * 아래 경로에  배포용 번들파일 생성됨 (aab)/Users/MYID/myproject/build/app/outputs/bundle/release/app-release.aab. 2024. 6. 5.
안드로이드 키스토어(keystore) 만들기 안드로이드 키스토어(keystore) 만들기keytool -genkey -v -keystore ~/myprojectname.jks -keyalg RSA -keysize 2048 -validity 10000 -alias myprojectname 계정디렉토리 아래에 myprojectname.jks 파일이 만들어진다. /Users/myId/myprojectname.jks 2024. 6. 5.
안드로이드 apk 빌드하기 안드로이드 apk 빌드하기 1. 터미널 혹은 커맨드창에서 '빌드하고 싶은 플러터 프로젝트 디렉토리로 이동'cd /Users/myid/flutter/myproject 2. 빌드flutter build apk --release --target-platform=android-arm64 입력 3. 빌드 파일 경로 [Project Forder]/build/app/outputs/apk/release/app-release.apk 2024. 6. 5.
Flutter : FlutterSecureStorage 오류 Flutter : FlutterSecureStorage 를 사용하여 앱 개발 테스트 중 앱 재설치시 데이터를 삭제하지 않으면 앱 시작시 오류 발생테스트 폰 : 삼성갤럭시S21(Android 13)처리 1 (아래와 같이 옵션 추가)final sStorage = const FlutterSecureStorage( aOptions: AndroidOptions(encryptedSharedPreferences: true)); 해결된 듯 했으나,삼성갤럭시노트10(Android 12)에서 비슷한 오류 발생 (위 S21의 경우 데이터 삭제 후 재설치하면 문제 없었으나, 이번에는 데이터를 삭제하고 재설치해도 동일한 문제 계속 발생) 에러 메세지 :error: PlatformException(Exception en.. 2024. 6. 4.
Flutter : appBar 투명처리 (스크롤시에도) appBar 투명처리시 아래와 같이 설정했으나,backgroundColor: Colors.transparent, 화면 스크롤처리 시 미세하게 반투명한 앱바가 보이는 현상 발생.해당 현상 없애려면 아래와 같이 추가 설정 필요Scaffold( // height of the body is extended to include the height of the AppBar // and the top of the body is aligned with the top of the AppBar. extendBodyBehindAppBar: true, appBar: AppBar( .. .. backgroundColor: Colors.transparent, elevation: 0, shadow.. 2024. 6. 4.
리액트 spa 로 제작한 안드로이드 앱 - 빙고 빙고 25 리액트 spa (웹) 로 제작한 안드로이드 앱 - 빙고 빙고 25 * 앱 구성 1. 안드로이드 기본 앱, 웹뷰 생성, 웹뷰와 앱간 통신 인터페이스 구현 (진동 처리, 네트워크 연결 체크, 애드몹(admob) 을 이용한 리워드 광고 처리) - 개발 : 안드로이드 스튜디오 2. 리액트 spa 로 모든 기능구현 (안드로이드 웹뷰에서 리액트 spa 페이지 불러들임) - 개발 : node.js, create-react-app 3. 일 대 일 네트워크 게임을 위한 웹소켓 중계 서버 (node.js) - 개발 : node.js (socket.io) https://play.google.com/store/apps/details?id=com.games.bingo2 빙고빙고25 - Google Play 앱 다양한 그림아이콘.. 2020. 4. 29.
react에서 lottie-web 사용 1. bodymovin만 설치하여 사용 *react 에서 bodymovin 이용하여 애니메이션 구현시 lottie-web을 대신 사용 처리 (bodymovin 을 설치할 수도 있으나 react용은 버전이 낮아 lottie-web 사용) -------------- bodymovin 만 설치시에는 아래와 같이 설치 / 사용 ----------------- bodymovin 설치 (https://www.npmjs.com/package/bodymovin) npm install bodymovin - 설치 후 import {bodymovin} from 'bodymovin'; -------------------------------------------------------------------------------.. 2020. 4. 29.
ubuntu 18.04 node 프로그램에서 npm start 했을때 ENOSPC 오류 가 나는 경우 ubuntu 18.04 node 프로그램에서 npm start 했을때 ENOSPC 오류 가 나는 경우 아래 명령 실행 echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p 2020. 2. 11.
Ubuntu 18.04 : npm ERR! code ELIFECYCLE npm ERR! code ELIFECYCLE Step 1: $ npm cache clean --force Step 2: Delete node_modules by $ rm -rf node_modules folder or delete it manually by going into the directory and right-click > delete / move to trash. Also, delete package-lock.json file too. Step 3: npm install To start again, $ npm start 2020. 2. 10.
lets encrypt 를 이용한 웹서버(아파치) 무료 인증서 생성 및 설치 lets encrypt 를 이용한 웹서버(아파치) 무료 인증서 생성 및 설치 명령어 몇줄이면 3개월짜리 무료 인증서가 설치되며, 만료되기 전에 자동 갱신되도록 스캐줄러 등록까지 된다. 안쓸 이유 없다. * 관련 사이트 lets Encrypt :https://letsencrypt.org/ * 아래 certbot 을 이용해 설치 https://certbot.eff.org/ 위사이트 방문하여 중간쯤 에 자신의 시스템을 선택하면 관련 안내페이지로 이동한다. 여기 예제에서는 Apache, Ubuntu 18.04 를 선택하였으므로 이를 기준으로 한다. 위처럼 선택하면 아래와 같이 설치안내 페이지로 이동하며, 그대로 따라하면 된다. * 설치 시 운영중인 웹서버를 내리지 않아도 된다. 위 사이트에 표기된 설치 안내는 .. 2020. 2. 5.