Ionic 기본 – 기초 정리

여기서는 Ionic 을 사용하는 데에 있어 가장 기초가 되는 프로세스들을 정리해본다. Ionic 프로젝트 생성하는 법 과거 Ionic 2버전일 때는 프로젝트를 생성할 때, ionic start project-name –v2 처럼 생성시 버전을 명시해야했지만, Ionic 버전 3로 바뀐 지금은 버전을 명시하지 않아도 된다. ionic start projectname blank 이렇게 하면 빈 프로젝트가 생성된다. 그런데, blank 조차 빼고 ionic start projectname …

Ionic Contact 가져오기 및 디바이스 전화번호 가져오기

디바이스 사용자의 연락처 목록을 보여주는 아이오닉 앱을 만들어보자. (ic-1) 연락처 목록 가져오기 먼저 새 아이오닉 프로젝트를 생성하고 필요한 플러그인을 설치하자. ionic start caller blank ionic cordova plugin add call-number npm install –save @ionic-native/call-number ionic cordova plugin add cordova-plugin-contacts npm install –save @ionic-native/contacts 위에서 두가지 플러그인을 설치했는데, 하나는 연락처 목록을 가져오기 위한 Contacts 플러그인이고 나마지 하나는 …

[ ionic 2: socket.io ] 초간단 챗 앱 맛보기

socket.io 를 사용해 초간단 챗 앱 맛보기를 만들어본다. 서버측 프로젝트 생성 앤드포인트로 사용될 서버측 스크립트를 nodejs 로 만든다. 일단, 프로젝트 생성. $ mkdir socket-server $ cd socket-server $ npm init 이렇게 하면 socket-server 폴더안에 package.json 파일이 만들어진다. 프로젝트 루트 위치에서 명령프롬프트에 다음과 같은 명령을 실행하여 필요한 패키지를 설치한다. $ npm install socket.io –save socket-server 폴더에 …

[ ionic2: push notification ] 아이오닉 서버를 이용한 FCM 푸시 알림 – 안드로이드

Ionic 클라우드 서버를 이용하면 구글 플래이 스토어에 앱을 등록하지 않아도 푸시 알림을 사용할 수 있다. 푸시 알림을 구현해 본 적이 없는 학생들에게는 푸시 알림이 이루어지는 과정을 보다 쉽게 이해할 수 있는 기회를 제공하는 것 같다.   안드로이드를 중심으로 한 ionic 2 push notification 설정법   ionic2 프로젝트를 하나 만든다. ionic start ionic2push –v2 App ID …

[ ionic 2: Storage ] 디바이스 데이타베이스 이용한 Todo App 만들기

ionic 2에서 기기 내에 있는 database를 활용하는 방법을 알아보자. 코딩을 배울 때 자주 등장하는 Todo App 을  기기 내 저장소(database)를 사용하여 만들어보고자 한다. 기기 외부에 있는 데이타베이스 서버에 연결하려면, 인터넷 액세스가 가능해야한다. 따라서, 모바일 앱의 사용환경이 제한될 수 밖에 없다. 하지만, 내부 저장소를 이용하면 개인적인 데이타를 쉽게 저장하고 언제든지 뽑아볼 수 있다. node js , …