코딩 기록

▶ 개발환경ionic 5android API 28Vue.js 2020년 6월부터 비주얼스튜디오코드 업그레이드될 때마다 뭔가 오류가 하나씩 나오네요. 최근엔 린트랑 충돌나서 멀쩡한 css 코드를 오류로 인식하질 않나, html 코드 자체를 인지하지 못하기도 했고요. 어쨌든 그전엔 기껏 꾸며놨던 package.json의 npm 코드가 없어지는 현상도 나타났습니다. 디버그가 안 되다 보니 좀 답답했네요. 최근에 접한 오류는 다음과 같습니다. Since you’re using the custom project type, you must provide the ionic:serve **** npm script so the Ionic CLI can serve your project. 사용자 정의 프로젝트 유형에서 i..

아이오닉 5 이용해서 안드로이드 앱 제작 중 만날 수 있는 에러입니다. cordova-tools error processing launch unable to find adb 비주얼스튜디오코드 이용할 때 보게 되는데요. PATH에서 adb를 찾을 수 없어서 발생하는 겁니다. 4가지 순서에 따라 오류를 해결하세요. 1. 'Android SDK Platform-Tools' 가 설치되어 있는지 확인하세요.도구> SDK 관리자> SDK 도구 (탭) 2. 'adb.exe' 파일의 경로를 복사 하세요. 보통 경로는 이렇습니다.C:\Users\Username\AppData\Local\Android\Sdk\platform-tools 3. Windows에서 환경 변수를 엽니다 .'Window + R' > 'SystemPr..

우선, 작업 중인 프로그램을 설명하면 이렇습니다. ionic 5 cordova 안드로이드 (웹뷰 사용) vuejs 기반 웹 페이지 (웹 페이지 키보드 구현) ionic5에서 안드로이드 프로젝트를 생성했습니다. 그리고 안드로이드 웹뷰를 통해 URL을 로드합니다. Android 환경에선 일반적인 input 태그에 포커스가 생기면 자동으로 Android 가상 키보드가 화면 아래에서 위로 올라옵니다. 하지만, 웹 페이지 자체 키보드나 입력 컨트롤이 있다면 가상 키보드를 사용할 필요는 없어요. 이럴 땐, 안드로이드를 수정하는 게 아니라 HTML5 태그 속성 중 inputmode를 사용하면 됩니다. 해당 내용은 아래 모질라 개발자 문서에 담겨있습니다. inputmode inputmode 전역 특성은 사용자가 요소나..

ionic5 android 프로젝트를 이용해 apk 배포하는 방법 정리합니다. debug, sign, 설치 방법에 대한 순서는 아래와 같습니다. ionic5 cordova 안드로이드 프로젝트 생성릴리즈를 위해 앱 최적화.keystore 생성릴리스 apk 파일 생성디바이스에 apk 배포 (설치 파일 형태) 간단한 테스트를 위해 안드로이드 데모 APK를 생성합니다. ionic cordova platform add androidionic cordova build android ./platforms/android/app/build/output/apk/debug/ 폴더에 apk를 빌드할 겁니다. 루트 프로젝트 디렉토리에서 android store, terminal, cmd 등을 사용하여 빌드 후 배치하려면 다음 ..