2016 유성환 Hybrid MOBILE.

Presentation on theme: "2016 유성환 Hybrid MOBILE."— Presentation transcript:

1 2016 유성환 Hybrid MOBILE

2 Cordova 너는 누구야?

3 1 . 모바일 OS 의 증가 - 안드로이드,IOS,블랙베리,WIN 등 모바일 OS의 증가 2. Cordova 사용 목적 크로스 플랫폼의 증가로 (안드로이드,IOS,블랙베리 등) 여러 가지 모바일 플랫폼을 지원하기 위한 개발 플랫폼 - 과거에도 해당 플랫폼이 존재하였는데 요즘은 Cordova를 주요 사용 3. Cordova 장점 여러 개발자가 필요 없으며 한 개의 소스로 전환 가능 HTML5, CSS 소스로 모바일 개발이 가능

4 ㅇㅈ 기타 크로스 플랫폼 지원

5 Cordova

6 그럼 PhoneGab 너는 누구야?

7 Phonegap이 Apache 재단 에 기부했다
Apache Cordova는 PhoneGap의 엔진을 사용한다. Phonegap는 Adobe가 주인 Cordova 는 Apache가 주인 현재는 이름만 다르다. 그러나 달라질 것이다.

8 그래서 사이트는 따로 따로 설치 명령어는 같다. 설치 : node.js npm 으로 설치. 명령어 :npm install –g cordova PhoneGap 사이트에서도 cordova 로 install 하라고 한다. 최신 버전 다운로드

9 그럼 Node.js ,는 너는 누구야?

10 Node.JS Node.js는 구글의 크롬 V8 자바스크립트 엔진을 기반으로 한, 고성능 네트워크 서버 Single Thread 기반의 Event Loop를 기반으로 하고 있으며, File, Network 등에 대해서 비동기 IO 처리를 하는 서버 미들웨어이다. 조대협’s 장점

11

12 Node.JS 설치 -SITE 에서 다운로드

13 그럼 NPM는 너는 누구야?

14 NPM Node Packaged Modules 의 약자가 npm 입니다.   Node.js에서 사용되는 모듈을 패키지로 모아놓은 곳입니다. 필요한 모듈이 있다면 npm 을 통해서 간편하게 다운 받을 수 있습니다.  npm 의 경우 node.js 설치 시 자동으로 설치 됩니다.  사이트 :

15 사이트 : https://npmjs.org
Find packages Cordova 설치 가이드

16 샘플 프로젝트 만들기 – 샘플 소스 받기

17 샘플 프로젝트 만들기 -플랫폼 추가

18 기본 프로젝트 만들기 JAVA , Android SDK

19 샘플 프로젝트 만들기 – 응용 프로그램 빌드

20 샘플 프로젝트 만들기 CLI (Command line interface) 환경이므로 개발 TOOL 이 필요

21 샘플 프로젝트 만들기 –무료 text tool 이용

22 Next 안드로이드 Studio 에서 Cordova 프로젝트 불러오기 Xcode 에서 Cordova 프로젝트 불러오기 Cordova Plugin

23 이 문서는 나눔글꼴로 작성되었습니다. 설치하기
끝 이 문서는 나눔글꼴로 작성되었습니다. 설치하기