Front-End/아이오닉

아이오닉 capacitor의 사용방법

Ionic capacitor란? 하나의 코드로 iOS, Android 웹 앱을 설치가능한 앱으로 만들 수 있도록 해주는 크로스 플랩폼 앱런타임입니다. 기존에는 이러한 하이브리드 앱 기능을 위해서 cordova를 사용해 왔는데, cordova에는 몇가지 한계점이 드러나게 되면서, capacitor가 등장 하였습니다. capacitor는 iOS, Android, Web가릴것 없이 거의 동일한 UI를 적용이 가능하게 하며, 일관된 웹 API 세트를 제공하게 됩니다. capacitor의 설치 1-1 새 capacitor 프로젝트를 생성 npm init @capacitor/app 1-2 기존 앱(프로젝트)에 설치 npm i @capacitor/core npm i -D @capacitor/cli 2 캐패시터 초기화..

아이오닉의 구성과 기본 이론

아이오닉의 구성과 기본 이론 아이오닉 개발을 위한 준비 해당 IDE(vscode, IntelliJ 등)를 켜서 터미널에 입력 cordova와 ionic 설치해줍니다 npm install -g cordova ionic myApp이라는 ionic 프로젝트를 생성합니다. ionic start myApp Framework : Angular Starter template : tabs 를 선택하고 진행합니다. 아이오닉서버를 실행 ionic serve -c -l -c : 개발하면서 생성되는 콘솔로그를 실시간으로 확인할수 있게 하는 옵션 -l : (Lab)세가지 플랫폼을 동시에 보여주며, 앱 크기와 맞게 보여주기 때문에 개발에 용이한 옵션 아이오닉 프로젝트의 구성 폴더 구성 platforms : 앱으로 만들어진 결과물..