NativeScript-vue 6

NativeScript로 안드로이드 셋탑용앱 리모콘으로 컨트롤하기

네이티브스크립트로 안드로이드 셋탑용 앱을 만들어 볼 일이 있어 테스트 중 난관에 부딛힌 일이 바로 셋탑용 리모콘의 신호를 받아 컨트롤 하는일이였다. 안드로이드 네이티브로 개발한다면 크게 문제가 없지만 NativeScript로는 관련 샘플을 찾지 못해 해매던 도중 알아낸 방법이 있어 남겨본다. 리모콘도 일반 키보드와 같이 누르면 키코드가 발생한다. 다만 이게 셋탑 회사마다 리모콘 키코드를 다르게 셋팅되어 있어 한번씩 눌러보고 맵핑해서 써야한다. 우선 NativeScript 에서 해야할일은 기본 엑티비티를 상속받아 기능을 구현하면 된다. 여기까지의 샘플은 docs.nativescript.org/angular/core-concepts/android-runtime/advanced-topics/extend-app..

NativeScript-vue 2021.02.08

NativeScript ActionBar 감추기

앱개발하다 보면 상단 액션바를 감추고 전체화면으로 개발해야할 경우 Nativescript에서는 쉽게 액션바(ActionBar)를 감출수 있습니다. 아래 코드중 "actionBarHidden" 값을 true 로 설정하면 해당 페이지의 액션바가 없어집니다. 다만 없앨경우 이전버튼 또는 기타 기능 버튼들은 기능 구현해서 넣어줘야 사용자가 사용시 익숙한 UX로 앱을 사용가능하게 해야합니다. 감추야 할때 : actionBarHidden="true"

NativeScript-vue 2021.02.08

Flash(플래시)를 대채하기 위한 준비

20년 넘게 플래시를 사용했던 여러 분야의 사용자분들은 이번 플래시 플레이어의 웹 또는 기타 activex 컨트롤을 사용하던 애플리케이션에서 컨텐츠가 미구동되는 난감한 상황을 맞이하게 되었다. 이전부터 예고는 있었지만 예상외로 오프라인 컨텐츠까지 영향이 있을것이라고 미처 생각하지 못했다. 플래시를 통해 개인적으로 할 수 있었던 것들을 보면 1. 웹애니매이션(배너, 애니메이션, 인포그래픽 등등) 2. 웹애플리케이션(대시보드 등) 3. 모바일앱(Android + iOS) 4. 데스크탑용 애플리케이션(Air) 대략적인 분류로 보면 위에서 기술한 종류에서 개인적으로 현재는 어떤 업무에서도 플래시를 사용하지 않고 있다. 현재까지 개인적으로 대체한 방법을 기술하면 1. 웹애니메이션 html5 Canvas 기반 Cr..

Html+CSS+JS 2021.02.08

네이티브스크립트뷰 개발시 비쥬얼스튜디오코드 터미널 디버깅 메시지 끄기

비쥬얼스튜디오코드에서 네이티브스크립트뷰 환경으로 개발하다보면 터미널 디버깅 메시지가 너무 많이 출력되어 정작 필요한 메시지를 찾지 못하거나 오래걸리는 일이 있다. 이럴때 Vue.config.silent = true; 뷰관련 디버깅 메시지가 뜨지 않는다. 초기 개발시에는 필요하지만 익숙해지면 별 필요가 없거나 필요시 잠깐 켜면 된다.

NativeScript-vue 2021.02.06

안드로이드 백버튼 두번 누를경우 앱 종료하기

안드로이드 앱에서 많이 사용하는 앱 종료 방법으로 백버튼 두번 연속 누르면 앱을 종료되도록 한다. 한번 누르면 메시지를 출력하고 일정시간 안에 한번더 백버튼을 누르면 앱을 종료시키는 방법이다. app.android.on(app.AndroidApplication.activityBackPressedEvent, function (args) { var timeDelay = 2000; if (self.lastPress + timeDelay > java.lang.System.currentTimeMillis()) { if (args.object.startActivity) { args.object.startActivity.finish(); } args.cancel = false; java.lang.System.exit..

NativeScript-vue 2021.02.06

네이티브스크립트 구글 앱스토어 App Bundle 설정

구글 정책 변경으로 인한 기존에는 컴파일한 단일 APK가 아닌 Universal App Bundle로 빌드할때 설정 및 명령어 app.gradle 설정 변경 파일 : app / App_Resources / Android / app.gradle splits { abi { enable true reset() include 'arm64-v8a', 'armeabi-v7a', 'x86' universalApk true } } 빌드 명령어 tns build android --release --key-store-path 키파일명.jks --key-store-password 키패스워드 --key-store-alias keyalias --aab

NativeScript-vue 2021.02.06