
아이오닉으로 오프라인 퍼스트 웹 (offline first web) 만들기
김철현
이번 강의에서는 현재 PWA 개발에 가장 최적화되어 있는 ionic과 CouchDB를 사용하여 간단한 전화번호부 웹을 만들고, 구축 과정을 통하여 어떠한 방식으로 오프라인에서 동작가능한지 설명을 해 드립니다.
중급이상
IONIC, PWA
ionic에 대한 개발 경험이 있는 개발자 뿐만아니라 전체적인 ionic project의 구성 및 개발 방법등에 대한 전반적인 정보를 제공하므로 ionic 개발 경험이 없는 초보자들에게도 많은 도움이 되는 ionic3 강좌입니다.

Ionic 3 프로젝트 환경 설정
Google Map API 설정 및 활용
지도에 커스텀 마커 표시
ionic3 와 google에서 제공하는 map api를 사용합니다. app을 구성하는 개별적인 부분들(component,module,function)에 대한 설명보다는 app 개발에 관한 전반적인 내용 즉, 각각의 component들이 어떻게 구성이 되고, 어떤식으로 원하는 정보를 불러오고, 내보내는지... 등등, 정보의 흐름에 대한 내용을 설명하는 방식으로 진행이 되므로, ionic 개발 경험이 있는 사용자뿐만 아니라 처음 ionic을 접하는 초보자에게도 ionic project의 구성에 대한 내용을 전반적으로 파악하는데 도움이 되리라 생각합니다.
이미 ionic에 대한 개발 경험이 있는 개발자뿐만아니라 전체적인 ionic project의 구성 및 개발 방법등에 대한 전반적인 정보를 제공하므로 ionic 개발 경험이 없는 초보자들에게도 많은 도움이 될것으로 생각됩니다.
main feature
ionic 3 / Google Map APi / ionic native Geolocation plugin / AlertController
개발환경
cli packages: (/usr/local/lib/node_modules) - @ionic/cli-utils : 1.19.0 - ionic (Ionic CLI) : 3.19.0 global packages: - cordova (Cordova CLI) : 7.1.0 local packages: - @ionic/app-scripts : 3.1.4 - Cordova Platforms : android 6.3.0 - Ionic Framework : ionic-angular 3.9.2
System
ios-deploy : 1.9.2 Node : v8.6.0 npm : 5.5.1 OS : macOS High Sierra Xcode : Xcode 9.2 Build version 9C40b
김 철현
SDS LGAd 심마니(검색엔진) Mnet Media(현 CJ E&M) 을 거쳐 현재 프리랜서/컨설턴트로 활동중
학습 대상은
누구일까요?
Ionic 3에 관심 있는 분
위치 기반 서비스 개발을 원하는 분
Google Map API를 활용하고 싶은 분
전체
5개 ∙ (26분)
1. project 환경 설정
04:23
2. project 설정
03:16
3. Google Map Api 설정
01:01
5. 지도에 사용자 지정 마커 표시
10:57
전체
19개
5.0
19개의 수강평
수강평 145
∙
평균 평점 5.0
수강평 609
∙
평균 평점 4.9
수강평 286
∙
평균 평점 5.0
수강평 868
∙
평균 평점 5.0
수강평 81
∙
평균 평점 4.9
무료
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!