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 (..

0. FullCalendar 공식 문서 https://fullcalendar.io/docs Documentation | FullCalendar fullcalendar.io 1. Angular Project 생성 $ ng new 프로젝트명 $ cd 프로젝트명 $ ng serve 먼저 angular 프로젝트를 생성한다. 기본 설정으로 하고 스타일 시트는 css를 사용했다. 프로젝트 생성 후 ng serve 명령으로 프로젝트를 실행해 정상적으로 생성이 되었는지 확인 후 vscode 또는 webstorm을 통해 해당 프로젝트를 연다. 2. full calendar package 설치 $ npm install --save @fullcalendar/angular @fullcalendar/core @fullcalen..