CentOS 7 NativeScript 개발 환경 구축하기

요근래 페이스북에서 네이티브스크립트 관련 글들이 자주 노출되길래 한번 설치해보았습니다. 주말인지라 집에서 작업해보았구요. 집에서는 리눅스 데스크탑을 주로 사용하고 있습니다.^^ 일단 설치 및 테스트 환경은 다음과 같습니다.

• CentOS 7 x64
• Node.js v6.10.1
• Java 1.8.0_121 (openjava)
• gcc 4.9.4
• PhpStorm - NativeScript 플러그인 설치

설치와 관련한 문서는 다음을 참고하였습니다.

http://docs.nativescript.org/angular/start/ns-setup-linux

먼저, 32비트 런타임 라이브러리를 설치합니다.

sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686

그리고 Android SDK 를 다운로드하여 압축을 풀고 관련 경로를 지정합니다.(예: /home/계정/android/sdk)

아래 명령을 실행하고 .bash_profile 파일에도 추가합니다.

export ANDROID_HOME=$HOME/android/sdk

이제, SDK 파일들을 다운로드합니다.

sudo $ANDROID_HOME/tools/android update sdk --filter tools,platform-tools,android-25,build-tools-25.0.2,extra-android-m2repository,extra-google-m2repository,extra-android-support --all --no-ui

Java 의 경우 devel 패키지도 설치하여야합니다.

sudo yum install java-1.8.0-openjdk-devel

안드로이드 에뮬레이터로 Genymotion 을 사용하기 위하여 설정을 변경합니다. Genymotion 의 ADB 설정에서 Andorid SDK 경로를 설치한 SDK 경로로 지정해줍니다.

끝으로 전역으로 nativescript 를 설치합니다.

sudo npm install nativescript -g --unsafe-perm

설치가 완료된 후, PhpStorm 에서 프로젝트를 생성해보았습니다.

빌드 및 실행해보았습니다.

설치된 용량은 대략 40MB 정도가 되구요. APK 파일 크기는 15MB 정도됩니다. UI 는 웹뷰 기반이 아닌 실제 네이티브 UI 를 사용합니다.