Nativescript-vue Camera 추가
Camera를 사용하기 위해 프로젝트 폴더에서 @nativescript/camera를 추가 C:\project\vue> cd myFarm // <=== 폴더구조가 C:\project\vue인 경우 C:\project\vue\myFarm> ns plugin add @nativescript/camera npm 명령으로 nativescript-camera만 추가하고 buil를 했더니 build 에러도 발생하고 Android…
Nativescript-vue Onload event와 Scrollbar event
처음 화면이 로딩되었을때 Default로 실행하도록 하는 경우 onload 이벤트 핸들러를 사용. <Page @loaded="read"> // <======= @onload 이벤트 핸들러를 이용하여 페이지 시작시 기본 실행 <ActionBar title="Main List"> <StackLayout> <Image class="logo" src="~/assets/images/logo.png"…
Vue입문/Vue로 앱 만들기 (4 : 최종) – 앱 화면 만들기
이틀동안 Vue 설치와 Visual Studio Code(VSCode), Android Studio, Nativescript를 설치하고 간단한 Vue Web App을 만들어보고 Android 개발 환경까지 준비를 다 했다. 이제 간단한 Android용 앱을 하나 만들어 개발용 갤럭시탭에 띄워…
Vue입문/Vue로 앱 만들기 (3) – Nativescript 설치
Vue를 설치하고 기본 프로그램 수정을 해서 메뉴와 헤더를 가진 페이지 레이아웃을 개발해보았으니 이제 본격적으로 Mobile 앱을 만들기 위한 단계로 들어가 보겠다. Vue는 Framework이므로 개발을 위한 큰 체계, 얼개 정도로 알…
Vue입문/Vue로 앱 만들기 (2) – VSCode 설정 및 프로그램 수정
Vue.js 설치시 함께 설치한 Visual Studio Code(이하 VSCode)를 이용한 개발 환경에서 프로젝트를 열어보고 디버깅을 해 보도록 하자. 아직 배포환경이나 git, backend, DB 등은 신경 쓸 틈이 없으니 간단한 쇼핑몰 상품…