Beelog

0. 개발 환경 $ node -v $ v12.16.0 $ npm -v $ 6.13.4 $ ionic -v $ 6.1.0 $ cordova -v $ 9.0.0 (cordova-lib@9.0.1) 1. 프로젝트 생성 $ ionic start 프로젝트명 blank 2. http plugin 설치하기 $ ionic cordova plugin add cordova-plugin-advanced-http $ npm install @ionic-native/http 3. app.module.ts에 추가하기 ... import { HTTP } from '@ionic-native/http/ngx'; @NgModule({ ... providers: [ ..., HTTP ], bootstrap: [AppComponent] })..

0. 개발 환경 $ node -v v12.16.0 $ npm -v 6.13.4 $ ionic -v 6.1.0 $ cordova -v 9.0.0 (cordova-lib@9.0.1) 1. 프로젝트 생성 $ ionic start 프로젝트명 blank 2. QR Code Scan을 위한 플러그인 설치 $ ionic cordova plugin add cordova-plugin-qrscanner $ npm install @ionic-native/qr-scanner 3. app.module.ts에 플러그인 추가 ... import { QRScanner } from '@ionic-native/qr-scanner/ngx'; @NgModule({ ... providers: [ ... QRScanner, ... ], boo..

0. 개발 환경 $ ionic -v 6.1.0 $ node -v v12.16.0 $ npm -v 6.13.4 $ cordova -v 9.0.0 (cordova-lib@9.0.1) 1. 프로젝트 생성하기 $ ionic start 프로젝트명 blank 2. 기본 화면 구성하기 Home ADD {{item.name}} Delete home page에서는 입력할 수 있는 페이지인 detail page로 이동할 수 있는 ADD 버튼을 추가하고 버튼 아래로 Local Storage에 저장된 item들을 볼 수 있는 리스트를 생성한다. detail Item Name SAVE detail page에서는 아이템의 이름을 입력할 수 있는 input 창과 Local Storage에 item을 저장할 SAVE 버튼으로 구성된..

0. 개발 환경 $ ionic -v 6.1.0 $ node -v v12.16.0 $ npm -v 6.13.4 $ cordova -v 9.0.0 (cordova-lib@9.0.1) ionic version 4이상부터는 아래 방식이 적용 가능한 것으로 보인다. 1. ionic 프로젝트 생성 $ ionic start 프로젝트명 blank 2. package 설치 $ ionic cordova plugin add cordova-plugin-geolocation $ npm install --save @ionic-native/geolocation 3. Geolocation 사용하기 import { Geolocation } from '@ionic-native/geolocation/ngx'; ... @NgModule (..

1. ionic 설치하기 (1) node / npm 설치하기 > node -v > npm -v 위 명령어를 통해 미리 설치된 node / npm 버전을 확인하고 없다면 설치를 진행한다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 주소로 접속하여 LTS 버전 다운로드 및 기본 설정은 default로 해서 설치를 완료하고 위 명령어를 실행하여 제대로 설치가 완료되었는지 확인한다. (2) ionic cli 설치하기 > npm install -g @ionic/cli 위 명령어를 통해 ionic cli를 설치한다. https://ionicframew..