[Ionic]하이브 프레임워크 Ionic 이란?

개발하게 된 배경

- 회사에서 웹을 어플화하는 하기 위해서 조사하는 과정에서 Ionic이라는 프레임 워크를 알게 되어서 처음으로 활용하게 되었다. 간단하게 애기하면 웹을 자동으로 어플화 해주고 안드로이드,ios 둘다 지원을 해준다. 완전 편리하지만 복잡한 어플은 아무래도 무리지 않을까 생각이 든다.

Ionic Framework란?

- 하이브리드 앱을 개발하기에 최적하된 환경을 제공하고, HTML API를 사용할 수 있는 컴포넌트들과 크로스 플랫폼 빌드가 가능한 Cordova 기반으로 구성된 하이브리드 앱 개발 프레임워크

- 스마트폰에 최적화된 ui를 디자인할 수 있으며, 무엇보다 크로스 플랫폼 개발이 가능하며 HTML5의 부족한 API를 네이티브 API로 보완할 수 있다.

 

주로 TypeScript언어를 사용하고 Angular를 주력으로 지원하지만 Vue,React도 다 지원한다. 나는 React를 이용해서 개발을 진행했다.

 

Ionic 장점

- 웹 표준을 사용하여 제작한다

- 웹 개발자들이 어렵지 않게 하이브리드 앱 개발이 가능

- 지속적인 수정 및 배포가 가능

- 각 플랫폼에서 네이트 앱 지원 / ios,Android 지원

 

Ionic 단점

- 인터페이스가 표준 네이티브 앱과 다름

- 그래픽, 멀티미디어 성능이 네이티브 앱에 비해 떨어짐

 

 

Ionic 설치 및 실행

필요한 준비는 node.js 이다

우선 Ionic 설치 [ npm install -g @ionic/cli ]

프로젝트 생성 [ ionic start app-name blank ] (app-name 대신 원하는 이름 생성 가능)

프로젝트 실행 [ ionic serve ]

 

이렇게 하면 기본적인 준비는 끝났다. 여기서 Cordova 플러그인을 사용해서 여러 기능을 추가하고 사용할 수 있다.