본문 바로가기

전체 글

[3] VS code에 Ionic 디버깅 환경 구성 Ionic 프로젝트를 좀 더 수월하게 진행하기 위해 Cordova Tools Extension을 설치하여 Emulator를 구동시켜 디버깅환경을 구성할 것입니다. VS code IDE 에서 Cordova Tools Extension을 설치하여 Cordova 구성요소를 추가하고 IOS 플랫폼 환경의 Emulator를 설치하고 실행시켜 보도록 하겠습니다. Cordova Tools Extension 설치Cordova Tools Extension: https://marketplace.visualstudio.com/items?itemName=vsmobile.cordova-tools 위의 주소에 Cordova 디버깅 환경에 대한 구성요소를 추가하도록 도와주는 Extension설치 방법이 명시되어 있습니다. 우선적으.. 더보기
[2] ionic 3 Ionic 3 & Firebase 연동 Ionic과 Firebase를 이용하여 가장 기본적인 기능들이 들어간 간단한 하이브리드 앱을 만들어 보는 것을 목적으로 포스팅을 진행하기로 하였습니다. Firebase는 모바일 앱 개발 백엔드 서비스를 제공하는 BaaS(Backend as a Service ) 플랫폼으로 사용자 관리, 푸쉬 알림, 데이터베이스 등의 백엔드 기능을 API 형태로 제공하여 비용과 시간을 최소화하여 개발 할 수 있도록 도움을 줍니다. 이번 포스팅에서는 Ionic 프로젝트에서 Firebase를 사용하는 방법과 Firebase 설정에 대한 부분을 다룰 것 입니다. Ionic 프로젝트에 Firebase 설치Ionic 프로젝트 경로에서 다음의 명령어를 통해 Firebase 및 Angular 공식 라이브러리인 AngularFire2를 .. 더보기
[1] Ionic 3 프로젝트 생성 및 실행 Ionic 3 & Firebase 를 이용하여 기본적인 기능을 구현한 앱을 만드는 과정의 첫번째 과정으로 Ionic 프로젝트 생성과 실행 방법을 포스팅하였습니다. 또한 이어질 Ionic & Firebase포스팅 목록은 2017년 8월 기준의 버전으로 작성된 글입니다. 작년에 다른 계정에 작성해 두었던 글을 옮겨 왔습니다. 이점 참고해 주시면 감사하겠습니다. Ionic 설치하기NPM을 이용하여 Ionic CLI와 Cordova를 설치하기 때문에 우선적으로 NodeJs가 설치되어 있어야 합니다. NodeJs 를 설치하면 NPM 또한 자동으로 설치됩니다. NodeJs 설치: https://nodejs.org/ko/ 이후 터미널에서 NPM 으로 Cordova와 Ionic CLI를 설치합니다. ionic은 내부적.. 더보기