본문 바로가기
반응형

분류 전체보기1341

Vue.js(자바스크립트) + 안드로이드(웹튜) 가상 키보드 안뜨게 막기(숨기기) 자바스크립트 기반 Vue.js로 제작한 웹페이지를 안드로이드 웹뷰로 띄울 때 가상 키보드 안뜨게 막는 방법입니다.제 경우엔 자바스크립트로 구현한 자체 키보드가 있어서 안드로이드 웹뷰 이용 시, 가상 키보드가 뜨면 안 됩니다. 다행히 html5에선 모바일 웹뷰에서도 호환 가능한 키워드를 제공하고 있습니다. ▶ html5 inpumodehttps://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/inputmode 옵션 중 none은 가상 키보드를 사용하지 않습니다. 페이지가 자체 키보드나 입력 컨트롤을 구현할 때 사용합니다. 그래서 input 태그 옵션으로 inputmod="none"를 추가하면 안드로이드 웹뷰에서 키보드 안뜨게 막을 수 있습니다. 안드.. 2020. 5. 14.
ionic5 android androidmanifest.xml 앱 이름, 버전 변경 방법 아이오닉 사용하지 않더라도 안드로이드 앱을 제작할 때 필요한 정보입니다. 아래처럼 안드로이드 앱을 길게 터치하여 앱 정보를 열었을 때, 보이는 앱 이름과 버전 변경 방법을 간단히 알려드릴게요. 앱 이름은 test name 이고, 버전은 1.2.3이네요. androidmanifest.xml 파일을 열고 맨 위에 있는 " 2020. 5. 13.
vscode 데코레이터 ... 'experimentalDecorators' 옵션을 설정하세요.ts(1219) 요즘 visual studio code 업데이트 잦아지며, 별 희안한 경고까지 다 뜨네요. class AppModule데코레이터에 대한 실험적 지원 기능은 이후 릴리스에서 변경될 수 있습니다. 이 경고를 제거하려면 'experimentalDecorators' 옵션을 설정하세요.ts(1219) 문제 보기 (+F8) 빠른 수정을 사용할 수 없음 해결 방법은 간단합니다. 파일 - 기본설정 - 설정 - 설정 검색 "javascript.implicitProjectConfig.experimentalDecorators" 설정 검색하면, JavaScript › Implicit Project Config: Experimental Decorators 항목이 뜨는데요. 체크 설정을 해주세요. 프로젝트의 일부가 아닌 Java.. 2020. 5. 12.
ionic5 + android + vue.js OS 확인 방법 (userAgent) 기존 vue.js 웹페이지를 ionic5 cordova android 환경에서 구동하면, os check가 잘 되지 않더군요. 아래 코드는 기존에 os 확인을 위해 사용하던 vue.js 자바스크립트 코드입니다. if (navigator.userAgent.toLowerCase().indexOf('android') > -1) { this.$store.commit(system.SET_OS_NAME, 'ANDROID');} else { this.$store.commit(system.SET_OS_NAME, 'WINDOWS');} console.log(navigator.userAgent); 위 javascript 소스 코드를 윈도우10 64비트 AVD, 크롬, 갤럭시노트10 등 3가지 환경에서 실행하면 아래처럼 2.. 2020. 5. 11.
반응형

티스토리툴바