node | 아이오닉(ionic) 프레임워크 테스트 해보기
페이지 정보
작성자 굿스웹 작성일19-01-23 17:35 조회1,036회 댓글0건관련링크
본문
웹 하이브리드 모바일 어플리케이션으로 많이 사용하고 있는 프레임웍
텍스트 출력해보자 !!
nodejs 환경에서 돌아가니 먼저 설치
. nodejs 설치하기
https://nodejs.org/en/ (32/64비트) 환경 맞게 설치
npm install -g ionic cordova : 아이오닉과 코르도바 설치
버전 확인
$ ionic --version
4.8.0
[프로젝트 생성]
ionic start testgoodswb blank
nodejs\ testgoodswb 폴더가 생성됨
cd testgoodswb 엔터
c:testgoodswb> ionic serve <-- 시작
시뮬레이터로 웹브라우져 사용된다.
http://localhost:8100/home
플랫폼 환경을 추가해준다.
1) iOS
ionic testgoodswb add ios
2) Android
ionic testgoodswb add android
usb 디버깅 -- ionic run android
[ng] i 「wdm」: wait until bundle finished: /
[ng]
[ng] Date: 2019-01-23T08:12:27.465Z
[ng] Hash: 7fae84887680fceaa313
[ng] Time: 21131ms
[ng] chunk {6239m39m} 62.js, 62.js.map () 15.4 kB [rendered]
[ng] chunk {common} common.js, common.js.map (common) 18.5 kB [rendered]
[ng] chunk {home-home-module} home-home-module.js, home-home-module.js.map (hom
-home-module) 5.6 kB [rendered]
[ng] chunk {main} main.js, main.js.map (main) 33 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 236 kB [initi
l] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 8.85 kB [entry] [rend
red]
[ng] chunk {styles} styles.js, styles.js.map (styles) 69.9 kB [initial] [render
d]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 4.25 MB [initial] [render
d]
[INFO] ... and 171 additional chunks
[ng] i 「wdm」: Compiled successfully.
[ng] i 「wdm」: Compiling...
[ng]
[ng] Date: 2019-01-23T08:13:53.806Z - Hash: ce0abc0ef2dacaca2a8 - Time: 8640ms
[ng] 178 unchanged chunks
[ng] chunk {home-home-module} home-home-module.js, home-home-module.js.map (hom
-home-module) 5.6 kB [rendered]
[ng] i 「wdm」: Compiled successfully.
[ng] i 「wdm」: Compiling...
[ng]
[ng] Date: 2019-01-23T08:14:32.710Z - Hash: 22df8b73da1ab3fe947d - Time: 4321ms
텍스트 출력해보자 !!
nodejs 환경에서 돌아가니 먼저 설치
. nodejs 설치하기
https://nodejs.org/en/ (32/64비트) 환경 맞게 설치
npm install -g ionic cordova : 아이오닉과 코르도바 설치
버전 확인
$ ionic --version
4.8.0
[프로젝트 생성]
ionic start testgoodswb blank
nodejs\ testgoodswb 폴더가 생성됨
cd testgoodswb 엔터
c:testgoodswb> ionic serve <-- 시작
시뮬레이터로 웹브라우져 사용된다.
http://localhost:8100/home
플랫폼 환경을 추가해준다.
1) iOS
ionic testgoodswb add ios
2) Android
ionic testgoodswb add android
usb 디버깅 -- ionic run android
[ng] i 「wdm」: wait until bundle finished: /
[ng]
[ng] Date: 2019-01-23T08:12:27.465Z
[ng] Hash: 7fae84887680fceaa313
[ng] Time: 21131ms
[ng] chunk {6239m39m} 62.js, 62.js.map () 15.4 kB [rendered]
[ng] chunk {common} common.js, common.js.map (common) 18.5 kB [rendered]
[ng] chunk {home-home-module} home-home-module.js, home-home-module.js.map (hom
-home-module) 5.6 kB [rendered]
[ng] chunk {main} main.js, main.js.map (main) 33 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 236 kB [initi
l] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 8.85 kB [entry] [rend
red]
[ng] chunk {styles} styles.js, styles.js.map (styles) 69.9 kB [initial] [render
d]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 4.25 MB [initial] [render
d]
[INFO] ... and 171 additional chunks
[ng] i 「wdm」: Compiled successfully.
[ng] i 「wdm」: Compiling...
[ng]
[ng] Date: 2019-01-23T08:13:53.806Z - Hash: ce0abc0ef2dacaca2a8 - Time: 8640ms
[ng] 178 unchanged chunks
[ng] chunk {home-home-module} home-home-module.js, home-home-module.js.map (hom
-home-module) 5.6 kB [rendered]
[ng] i 「wdm」: Compiled successfully.
[ng] i 「wdm」: Compiling...
[ng]
[ng] Date: 2019-01-23T08:14:32.710Z - Hash: 22df8b73da1ab3fe947d - Time: 4321ms
[주소복사] https://www.goodsweb.kr/?u=D41PBu68
SNS 알리기
핀터레스트
텔레그램로
블로그로
페이스북
트위터
카카오스토리
카톡 공유
관련 블로그
로딩중