Take off

Android Emulator guide

link url : https://developer.android.com/studio/run/emulator.html#vm-linux

refer url : http://assortedgarbage.com/apigee/

refer hybrid app framework url : http://ionicframework.com/

refer ant install url : https://www.mkyong.com/ant/how-to-install-apache-ant-on-windows/

(phonegap 설치)

C:\Users\Administrator>npm install -g phonegap

npm WARN deprecated tough-cookie@2.2.2: ReDoS vulnerability parsing Set-Cookie https://nodesecurity.io/advisories/130

npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

C:\Users\Administrator\AppData\Roaming\npm\phonegap -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\phonegap\bin\phonegap.js

phonegap@6.3.5 C:\Users\Administrator\AppData\Roaming\npm\node_modules\phonegap

├── pluralize@0.0.4

├── opener@1.4.1

├── colors@0.6.0-1

├── semver@1.1.0

├── minimist@0.1.0

├── qrcode-terminal@0.9.4

├── shelljs@0.1.4

├── update-notifier@0.6.3 (is-npm@1.0.0, semver-diff@2.1.0, chalk@1.1.3, boxen@0.3.1, configstore@2.1.0, latest-version@2.0.0)

├── prompt@0.2.11 (revalidator@0.1.8, pkginfo@0.4.0, read@1.0.7, utile@0.2.1, winston@0.6.2)

├── phonegap-build@0.10.0 (colors@0.6.2, qrcode-terminal@0.8.0, optimist@0.3.7, shelljs@0.0.9, phonegap-build-api@0.4.0)

├── insight@0.8.2 (object-assign@4.1.0, async@1.5.2, node-uuid@1.4.7, lodash.debounce@3.1.1, chalk@1.1.3, tough-cookie@2.3.2, configstore@1.4.0, os-name@1.0.3, request@2.78.0, inquirer@0.10.1)

├── connect-phonegap@0.24.0 (connect-inject@0.4.0, ip@1.1.3, adm-zip@0.4.7, http-proxy@1.15.1, walkdir@0.0.11, shelljs@0.2.6, useragent@2.1.9, socket.io@1.5.0, request@2.76.0, connect@2.30.2, archiver@1.1.0, gaze@1.1.2,ocaltunnel@1.8.1)

└── cordova@6.1.1 (underscore@1.7.0, q@1.0.1, ansi@0.3.1, nopt@3.0.1, update-notifier@0.5.0, cordova-common@1.5.1, cordova-lib@6.1.1)

--------------

(ionic 설치)

C:\Users\Administrator>npm install -g cordova ionic

npm WARN deprecated node-uuid@1.4.7: use uuid module instead

C:\Users\Administrator\AppData\Roaming\npm\cordova -> C:\Users\Administrator\App

Data\Roaming\npm\node_modules\cordova\bin\cordova

C:\Users\Administrator\AppData\Roaming\npm\ionic -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\ionic\bin\ioniccordova@6.4.0 C:\Users\Administrator\AppData\Roaming\npm\node_modules\cordova

├── underscore@1.7.0

├── q@1.0.1

├── nopt@3.0.1 (abbrev@1.0.9)

├── update-notifier@0.5.0 (is-npm@1.0.0, semver-diff@2.1.0, chalk@1.1.3, string-length@1.0.1, repeating@1.1.3, configstore@1.4.0, latest-version@1.0.1)

├── insight@0.8.4 (object-assign@4.1.0, async@1.5.2, uuid@3.0.0, lodash.debounce@3.1.1, tough-cookie@2.3.2, chalk@1.1.3, os-name@1.0.3, configstore@1.4.0, request@2.79.0, inquirer@0.10.1)

├── cordova-common@1.5.1 (cordova-registry-mapper@1.1.15, unorm@1.4.1, underscore@1.8.3, q@1.4.1, semver@5.3.0, ansi@0.3.1, osenv@0.1.3, bplist-parser@0.1.1,

 minimatch@3.0.3, glob@5.0.15, shelljs@0.5.3, elementtree@0.1.6, plist@1.2.0)

└── cordova-lib@6.4.0 (valid-identifier@0.0.1, cordova-registry-mapper@1.1.15, opener@1.4.1, unorm@1.3.3, properties-parser@0.2.3, semver@4.3.6, nopt@3.0.6,dep-graph@1.1.0, shelljs@0.3.0, glob@5.0.15, elementtree@0.1.6, request@2.47.0,xcode@0.8.9, cordova-serve@1.0.0, aliasify@1.9.0, init-package-json@1.9.4, tar@1.0.2, cordova-fetch@1.0.1, cordova-create@1.0.1, plist@1.2.0, cordova-js@4.2.0,npm@2.15.11)

ionic@2.1.12 C:\Users\Administrator\AppData\Roaming\npm\node_modules\ionic

└── @ionic/app-generators@0.0.3

(ionic app설치)

이건 뭘까...  안쓸것 같은데...

C:\Users\Administrator>ionic start myApp tabs

******************************************************

 Dependency warning - for the CLI to run correctly,

 it is highly recommended to install/upgrade the following:

 Please install your Cordova CLI to version  >=4.2.0 `npm install -g cordova`

******************************************************

Creating Ionic app in folder C:\Users\Administrator\myApp based on tabs project

Downloading: https://github.com/driftyco/ionic-app-base/archive/master.zip

[=============================]  100%  0.0s

Downloading: https://github.com/driftyco/ionic-starter-tabs/archive/master.zip

[=============================]  100%  0.0s

Installing npm packages...

npm WARN package.json ionic-project@1.1.1 No repository field.

npm WARN package.json ionic-project@1.1.1 No license field.

npm WARN deprecated gulp-minify-css@0.3.13: Please use gulp-clean-css

npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher

 to avoid a RegExp DoS issue

npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher

 to avoid a RegExp DoS issue

npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and before will fail o

n node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible

. Use 'npm ls graceful-fs' to find it in the tree.

-

> node-sass@3.13.0 install C:\Users\Administrator\myApp\node_modules\gulp-sass\n

ode_modules\node-sass

> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v3.1

3.0/win32-x64-46_binding.node

Download complete

Binary saved to C:\Users\Administrator\myApp\node_modules\gulp-sass\node_modules

\node-sass\vendor\win32-x64-46\binding.node

Caching binary to C:\Users\Administrator\AppData\Roaming\npm-cache\node-sass\3.1

3.0\win32-x64-46_binding.node

> node-sass@3.13.0 postinstall C:\Users\Administrator\myApp\node_modules\gulp-sa

ss\node_modules\node-sass

> node scripts/build.js

Binary found at C:\Users\Administrator\myApp\node_modules\gulp-sass\node_modules

\node-sass\vendor\win32-x64-46\binding.node

Testing binary

Binary is fine

gulp-rename@1.2.2 node_modules\gulp-rename

shelljs@0.3.0 node_modules\shelljs

gulp-concat@2.6.1 node_modules\gulp-concat

├── concat-with-sourcemaps@1.0.4 (source-map@0.5.6)

├── vinyl@2.0.1 (is-stream@1.1.0, replace-ext@1.0.0, clone-buffer@1.0.0, clon

e-stats@1.0.0, remove-trailing-separator@1.0.1, clone@1.0.2, cloneable-readable@

1.0.0)

└── through2@2.0.1 (xtend@4.0.1, readable-stream@2.0.6)

gulp-util@2.2.20 node_modules\gulp-util

├── lodash._reinterpolate@2.4.1

├── minimist@0.2.0

├── vinyl@0.2.3 (clone-stats@0.0.1)

├── chalk@0.5.1 (escape-string-regexp@1.0.5, ansi-styles@1.1.0, supports-colo

r@0.2.0, has-ansi@0.1.0, strip-ansi@0.3.0)

├── through2@0.5.1 (xtend@3.0.0, readable-stream@1.0.34)

├── lodash.template@2.4.1 (lodash.values@2.4.1, lodash._escapestringchar@2.4.

1, lodash.templatesettings@2.4.1, lodash.defaults@2.4.1, lodash.keys@2.4.1, loda

sh.escape@2.4.1)

├── multipipe@0.1.2 (duplexer2@0.0.2)

└── dateformat@1.0.12 (get-stdin@4.0.1, meow@3.7.0)

gulp-minify-css@0.3.13 node_modules\gulp-minify-css

├── memory-cache@0.0.5

├── through2@0.6.5 (xtend@4.0.1, readable-stream@1.0.34)

├── bufferstreams@0.0.2 (readable-stream@1.1.14)

├── vinyl-sourcemaps-apply@0.1.4 (source-map@0.1.43)

├── clean-css@3.0.10 (commander@2.5.1, source-map@0.1.43)

└── gulp-util@3.0.7 (object-assign@3.0.0, array-differ@1.0.0, lodash._reevalu

ate@3.0.0, lodash._reescape@3.0.0, lodash._reinterpolate@3.0.0, array-uniq@1.0.3

, beeper@1.1.1, replace-ext@0.0.1, minimist@1.2.0, has-gulplog@0.1.0, fancy-log@

1.2.0, vinyl@0.5.3, chalk@1.1.3, gulplog@1.0.0, lodash.template@3.6.2, through2@

2.0.1, multipipe@0.1.2, dateformat@1.0.12)

gulp@3.9.1 node_modules\gulp

├── interpret@1.0.1

├── pretty-hrtime@1.0.3

├── deprecated@0.0.1

├── archy@1.0.0

├── minimist@1.2.0

├── tildify@1.2.0 (os-homedir@1.0.2)

├── semver@4.3.6

├── v8flags@2.0.11 (user-home@1.1.1)

├── chalk@1.1.3 (escape-string-regexp@1.0.5, ansi-styles@2.2.1, supports-colo

r@2.0.0, has-ansi@2.0.0, strip-ansi@3.0.1)

├── orchestrator@0.3.8 (sequencify@0.0.7, stream-consume@0.1.0, end-of-stream

@0.1.5)

├── gulp-util@3.0.7 (array-differ@1.0.0, lodash._reescape@3.0.0, lodash._reev

aluate@3.0.0, lodash._reinterpolate@3.0.0, beeper@1.1.1, object-assign@3.0.0, ar

ray-uniq@1.0.3, replace-ext@0.0.1, has-gulplog@0.1.0, fancy-log@1.2.0, vinyl@0.5

.3, gulplog@1.0.0, lodash.template@3.6.2, through2@2.0.1, multipipe@0.1.2, datef

ormat@1.0.12)

├── vinyl-fs@0.3.14 (defaults@1.0.3, strip-bom@1.0.0, vinyl@0.4.6, graceful-f

s@3.0.11, through2@0.6.5, mkdirp@0.5.1, glob-stream@3.1.18, glob-watcher@0.0.6)

└── liftoff@2.3.0 (lodash.isstring@4.0.1, lodash.isplainobject@4.0.6, lodash.

mapvalues@4.6.0, rechoir@0.6.2, extend@3.0.0, flagged-respawn@0.3.2, resolve@1.1

.7, fined@1.0.2, findup-sync@0.4.3)

gulp-sass@2.3.2 node_modules\gulp-sass

├── lodash.clonedeep@4.5.0

├── vinyl-sourcemaps-apply@0.2.1 (source-map@0.5.6)

├── through2@2.0.1 (xtend@4.0.1, readable-stream@2.0.6)

├── gulp-util@3.0.7 (object-assign@3.0.0, array-differ@1.0.0, lodash._reinter

polate@3.0.0, array-uniq@1.0.3, lodash._reescape@3.0.0, lodash._reevaluate@3.0.0

, beeper@1.1.1, replace-ext@0.0.1, minimist@1.2.0, has-gulplog@0.1.0, fancy-log@

1.2.0, vinyl@0.5.3, chalk@1.1.3, gulplog@1.0.0, lodash.template@3.6.2, multipipe

@0.1.2, dateformat@1.0.12)

└── node-sass@3.13.0 (get-stdin@4.0.1, lodash.assign@4.2.0, async-foreach@0.1

.3, in-publish@2.0.0, chalk@1.1.3, nan@2.4.0, mkdirp@0.5.1, cross-spawn@3.0.1, g

lob@7.1.1, npmlog@4.0.1, meow@3.7.0, request@2.79.0, node-gyp@3.4.0, sass-graph@

2.1.2, gaze@1.1.2)

bower@1.8.0 node_modules\bower

Adding initial native plugins

Initializing cordova project without CLI

Saving your Ionic app state of platforms and plugins

Saved platform

Saved plugins

Saved package.json

♬ ? ♬ ?  Your Ionic app is ready to go! ♬ ? ♬ ?

Some helpful tips:

Run your app in the browser (great for initial development):

  ionic serve

Run on a device or simulator:

  ionic run ios[android,browser]

Test and share your app on device with Ionic View:

  http://view.ionic.io

Build better Enterprise apps with expert Ionic support:

  http://ionic.io/enterprise

Create an Ionic Cloud account to add features like User Authentication, Push Not

ifications, Live Updating, iOS builds, and more?

(Y/n): n

C:\Users\Administrator>npm install -g cordova

npm WARN deprecated node-uuid@1.4.7: use uuid module instead

C:\Users\Administrator\AppData\Roaming\npm\cordova -> C:\Users\Administrator\App

Data\Roaming\npm\node_modules\cordova\bin\cordova

cordova@6.4.0 C:\Users\Administrator\AppData\Roaming\npm\node_modules\cordova

├── underscore@1.7.0

├── q@1.0.1

├── nopt@3.0.1 (abbrev@1.0.9)

├── update-notifier@0.5.0 (is-npm@1.0.0, semver-diff@2.1.0, chalk@1.1.3, stri

ng-length@1.0.1, repeating@1.1.3, configstore@1.4.0, latest-version@1.0.1)

├── insight@0.8.4 (object-assign@4.1.0, async@1.5.2, uuid@3.0.0, lodash.debou

nce@3.1.1, tough-cookie@2.3.2, chalk@1.1.3, os-name@1.0.3, configstore@1.4.0, re

quest@2.79.0, inquirer@0.10.1)

├── cordova-common@1.5.1 (cordova-registry-mapper@1.1.15, unorm@1.4.1, unders

core@1.8.3, q@1.4.1, semver@5.3.0, ansi@0.3.1, osenv@0.1.3, bplist-parser@0.1.1,

 minimatch@3.0.3, glob@5.0.15, shelljs@0.5.3, elementtree@0.1.6, plist@1.2.0)

└── cordova-lib@6.4.0 (valid-identifier@0.0.1, cordova-registry-mapper@1.1.15

, opener@1.4.1, unorm@1.3.3, properties-parser@0.2.3, semver@4.3.6, nopt@3.0.6,

dep-graph@1.1.0, shelljs@0.3.0, glob@5.0.15, xcode@0.8.9, elementtree@0.1.6, req

uest@2.47.0, cordova-serve@1.0.0, init-package-json@1.9.4, aliasify@1.9.0, tar@1

.0.2, cordova-fetch@1.0.1, cordova-create@1.0.1, plist@1.2.0, cordova-js@4.2.0,

npm@2.15.11)

얼마전에 bootstrap 디자인 샘플로 

비즈니스분석에 대한 소개를 만든적이 있는데.. 3달정도.

이런 형식은 html5로 웹으로 게시해도 되지만(모든 device에 적용됨)

hybrid app 을 만들어 사용하면 좋겠다 생각이 들었다. 디자인이 힘든 나같은 사람에게는 만들기도 쉽지 않을까?하는 생각. 

제품소개, 잘 변하지않는 쇼핑몰 상품리스트 등에 적용해서 이런걸로 만들어서 해도 좋겠다 싶네.

try.......

먼저 android studio에서 hybrid app 개발가능하도록 세팅해보자.

https://developer.salesforce.com/docs/atlas.en-us.mobile_sdk.meta/mobile_sdk/hybrid_ios.htm

cordova를 설치해야하는군.
https://cordova.apache.org/docs/en/latest/guide/platforms/android/

[ANDROID_HOME]
C:\Users\Administrator\AppData\Local\Android\sdk

[JAVA_HOME]
C:\Program Files\Java\jdk1.7.0_79

first of all you have to install 1)node.js 2)apache ANT 3) Java JDK & JRE 4) Android SDk & Eclipse and then after all installation you have to set this all software path into environmental- variable. and then fire your npm install -g ionic. without this all software installation and there path setup your ionic application will not created.

continue...