Programming47 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. 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. react build (빌드) 시 .js.map 파일 생성 안되도록 처리 react build (빌드) 시 .js.map 파일 생성 안되도록 처리 npm run build 를 통해 빌드시 build 디렉토리에 static/js/*.js.map 파일들이 생성되는데, 이는 크롬 개발자 도구를 통해 소스 확인 시 내가 구성한 각 컴포넌트 구성 및 소스들이 그대로 보이게 된다. 운영 서버에 소스 배포시 위와 같다면 소스가 그대로 노출되기 때문에 좋지 않아 보인다. 아래와 같이 .env 파일을 프로젝트 최상위에 생성하고, 그 내부에 아래와 같은 내용을 넣고 저장한다. - 파일명 : .env GENERATE_SOURCEMAP = false 이후 npm run build 시 *.js.map 파일들이 생성되지 않는다. 그리고, 위 map 파일이 없어 크롬 개발자 도구로 확인 시 소스구조가 .. 2020. 1. 28. 안드로이드 웹뷰에 로컬 HTML 사용하기 안드로이드 웹뷰에 로컬 HTML 사용하기 1. 아래와 같이 src/main 아래에 assets/www 디렉토리가 없으면 생성하고, 그 아래 HTML 파일들을 복사한다. 2. 다음과 같이 웹뷰로드시 로컬 파일을 호출한다. .. mWebView.loadUrl("file:///android_asset/www/index.html"); .. 끝. 2020. 1. 27. Android - webview 에 user_agent 값 추가 Android - webview 에 user_agent 값 추가 . . mWebView = (WebView) findViewById(R.id.webView); mWebView.getSettings().setJavaScriptEnabled(true); String userAgent = mWebView.getSettings().getUserAgentString(); mWebView.getSettings().setUserAgentString(userAgent+" MyAndroidApp_Agent"); . . 2020. 1. 15. AdMob(애드몹) 광고 넣기 (Android) 안드로드이드 앱에 AdMob(애드몹) 광고를 넣어보자. 아래 정리한 내용은 아래의 링크를 따라가면 잘 나와있으나, 초보자인 내가 처음 해보니 이해하기 어려워, 다른 초보자들을 위해 정리해봤다. 참고 : https://developers.google.com/admob/android/quick-start [진행 전 확인 사항] - 안드로이드 스튜디오 3.5.1 기준 - 앱의 이름이 "MyTest" - AdMob 에 가입 후 전면광고 광고단위 등록 완료 (가입시 앱ID가 기본 발급되고, 이후 광고단뒤 등록 시마다 광고단위ID 가 각각 발급된다.) - 여기서는 아래의 테스트용 아이디를 사용하고, 실제 앱 배포시에는 자신이 발급받은 아이디를 사용한다. * 앱ID : ca-app-pub-394025609994254.. 2020. 1. 3. 모바일 웹 SPA 페이지 기본 구성 1. myapp 이라는 이름으로 기본 앱 생성 create-react-app myapp 2. 디렉토리 기본 구성 : src 폴더 아래 components 와 res 를 만들고 res 아래 css 를 만든다. (각 컴포넌트들은 components 에, css는 /res/css 에 위치시킬 예정) 3. 페이지 수정 1) src/index.js 수정 import React from 'react'; import ReactDOM from 'react-dom'; import './res/css/style.css'; import App from './App'; import * as serviceWorker from './serviceWorker'; ReactDOM.render(, document.getElementB.. 2019. 12. 23. React spa 개발환경 설정 (윈도우환경) React spa 개발환경 설정 (윈도우환경) 1. node 설치 - https://nodejs.org/ 에 접속하여 최신 버전 다운로드 / 설치 2. create-react-app 설치 - 윈도우 터미널로 이동하여 아래 명령어로 설치 - npm install -g create-react-app 3. 내 앱 폴더 생성 및 앱 생성 - 윈도우 터미널로 이동(윈도우키+R 누르고 cmd 입력)하여 아래 명령어로 설치 1) d드라이브에 node_app 폴더를 만들고 이 안에 앱들을 생성하려한다. mkdir node_app cd node_app 2) sample 앱 설치 (이름은 자유롭게) create-react-app sample (typescript기반으로 생성하려면 "npx create-react-app s.. 2019. 12. 19. [안드로이드] 앱 시작시 하얀화면 없애기 style.xml에 아래 내용 추가 @color/colorPrimary @color/colorPrimaryDark @color/colorAccent @null true 출처 : https://devwilson.tistory.com/5 2019. 12. 14. 이전 1 2 3 4 다음
