NativeScript-vue 7

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

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

비쥬얼스튜디오코드에서 네이티브스크립트뷰 환경으로 개발하다보면 터미널 디버깅 메시지가 너무 많이 출력되어 정작 필요한 메시지를 찾지 못하거나 오래걸리는 일이 있다. 이럴때 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

Nativescript + Vue.js = Nativescript-vue

NativeScript는 자바스크립트로 실제 네이티브 모바일 어플리케이션을 만들기 위한 오픈소스 프레임워크로 NativeScript-Vue는 Vue.js 를 이용해 모바일 어플리케이션을 만들도록 도와주는 네이티브-스크립트 플러그인입니다. 이미 Vue.js를 사용해 보신 분이라면 NativeScript-Vue는 빠는 시간에 개발을 시작 할 수 있습니다. 5버전부터 이용해서 현재까지 3년 정도 개발경험으로는 웹앱의 장점과 네이티브앱의 장점이 있어 프로토타입 및 기타 캐쥬얼한 앱 개발에는 탁월할 선택이 될수 있습니다. 물론 리엑트네이티브에 비해서는 레퍼런스 자료가 부족한점은 아직 아쉬운 부분입니다. 밑의 내용은 NativeScript-vue.org 에서 발최 모바일앱을 만들기 위한 다양한 옵션들이 있습니다. ..

NativeScript-vue 2021.02.06