[NativeScript-01]NativeScript 설치하고 프로젝트 만들기

NativeScript를 사용하려면 js,html,css의 프론트엔드 3요소와 vue를 이해해야한다.

NativeScript는 angular로도 할 수 있지만 vue를 사용해서 개발하는게 요즘 추세이다.

참고:

Programming/JavaScript-Vue.js

Usage/JavaScript

요즘 프론트엔드 기술이 핫하다. 그 이유는 frontend기술을 웹에만 적용하는게 아니라 모바일에 적용하는 기술이 계속해서 증대되고 있기 떄문이다.

프론트엔드 기술은 크게보면 2가지의 종류가 있는데 하이브리드앱과 네이티브앱이다.

그 중에서 NativeScript는 네이티브앱이며 기술은 angular와 vue를 사용할 수 있다.

요즘은 angular는 약간 사장되는 추세인데 그래서 vue로 사용하는 것을 한번 알아보도록 하자.

npm install -g nativescript

먼저 tns를 설치해주자. 약자가 뭔지는 모르겠는데 위의 명령어로 설치하면된다.

sudo xcode-select -s /Applications/Xcode.app/Contents/Developer

ios를 쓰기위해서 xcode커맨드 라인을 설치한다.

커맨드 라인을 설치하기전에는 반드시 xcode를 앱스토어에서 설치를한다.

[Ionic-02]Android프로젝트로 만들고 빌드하기

안드로이드를 빌드하고 싶다면 sdk를 설치한다.

이제 설치가 끝나면 프로젝트를 만든다.

당연히 vue-cli를 설치한다. 설치하는 방법은 여기를 참조한다.

npm install -g @vue/cli @vue/cli-init

이제 vue-cli로 설치한다.

vue init nativescript-vue/vue-cli-template <프로젝트 명>

위와 같이 vue-cli를 통해서 프로젝트를 만든다.

이때 nativescript-vue를 골라서 한다.

설치가 끝나면 그다음 어떤 순서로 명령을 실행하면 될지 친절하게 알려준다.

npm install 까지 한 후에 tns run ios --bundle, 혹은 tns run android --bundle을 실행해보자.

npm install

tns run ios --bundle

tns run android --bundle

제대로 실행되는 것을 확인할 수 있다.

설치하고 보면 프로젝트는 위와 같이 생겼다.

이제 하나씩 알아가보자.