미미 공부/취미방

[모던 자바스크립트 입문] 하이브리드 애플리케이션 / Apache Cordova 본문

카테고리 없음

[모던 자바스크립트 입문] 하이브리드 애플리케이션 / Apache Cordova

mionager 2021. 11. 1. 07:49

p004

하이브리드 애플리케이션을 개발하기 위한 프레임워크로는
Apache Cordova가널리사용되고 있습니다.


하이브리드 애플리케이션이란,

웹 앱 + 네이티브 앱
웹 사이트를 만들면서 사용한 HTML, CSS, JavaScript 등이 앱을 만드는데 사용되는 네이티브 언어로 만들어진 껍데기에 씌워진 형태의 어플리케이션을 말한다.

Android나 iOS 등 각 운영체제에 맞춰 코딩을 하지 않고, 모바일용/반응형 웹사이트를 만들고 어플에서 특정부분만 네이티브 코드로 작성하면 된다.

웹 앱, 네이티브 앱 보다 로딩 속도가 느릴 수 있는 단점이 있다.

하이브리드 vs 네이티브 vs
네이티브 앱은 운영체제에 맞게 개발된 어플들로 기기 하드웨어에 접근이 가능하다.
하드웨어 접근이 가능하다는 것은, 속도, GPS, 카메라 등 정보를 얻어올 수 있다는 뜻이다.
(만보개, 지도 어플 등)
이런 네이티브 앱들은 운영체제와 동일한 언어로 개발된다. (예. iOS 어플은 Objective-C와 Swift로 개발)

웹 앱은 흔히 HTML, JavaScript로 작업되어 있고, 다운로드 없이 기기에 깔려있는 인터넷 브라우저를 통해 접근이 가능하고 기기 하드웨어에 접근이 불가능하다.

하이브리드 앱네이티브 앱 처럼 다운로드가 필요하지만 그 내부는 웹 앱 처럼 동작한다.
(하드웨어에 접근도 가능한 걸로 알고있음)


하이브리드 애플리케이션의 장단점 정리
<장점>

  • 다양한 운영체제에서 동작한다.
  • 네이티브 앱에 비해 빠른 시일 내에 개발이 가능하다.
  • 각 운영체제에 맞춰 개발해야하는 네이티브 앱에 비해 시간/비용이 적게 든다.
  • 수정 및 업데이트가 쉽다.
  • 온/오프라인에서 작업이 가능하다.


<단점>

  • 한 가지 운영체제를 기반으로 작업하기 때문에 다른 운영체제에서 버그나 퀄리티가 떨어질 수 있다.
  • 보여지는 UI에 차이가 있을 수 있다.
  • 다양한 기기에서 테스트할 필요가 있다.
  • UI에 차이가 있으면 사용자에게 불편함을 줄 수 있다.
  • 웹앱/네이티브앱에 비해 로딩 속도가 상대적으로 느리다.


Apache Cordova
웹 앱을 네이티브에 넣어주는 프레임워크로 운영체제 하드웨어에 접근할 수 있다.

https://cordova.apache.org

Apache Cordova

Supported Platforms See a list of features supported in each platform Cordova wraps your HTML/JavaScript app into a native container which can access the device functions of several platforms. These functions are exposed via a unified JavaScript API, allow

cordova.apache.org

Comments