본문 바로가기
Study/[etc]

네이티브 vs 하이브리드 vs 크로스플랫폼 정의

by Nameless 2021. 10. 17.

* 웹일때 모바일앱과 비슷한 사용감 => web-app이라 불림
* web-app : React/Angular/Vue 종류가 있다 . React 사용자가 제일 많음
* web-app의 장점
 1. 모바일앱으로 발행이 쉬움(리액트네이티브 등으로 이용)
 2. 앱처럼 뛰어난 UX
 
* Vue 특징
 1. 프레임워크 
 2. Html, css, js 기능이 명확함
 
* 네이티브
 : 다른 운영체제에서 각각 다른 언어로 다른 개발툴을 이용해 만들어나가는것
 1. 장점 : 각 운영체제에 맞는 api사용 가능
 2. 단점 : ios, android 따로 개발해야함, 추가기능도 마찬가지로 중복으로 개발해야함

* 하이브리드
  : 모바일에서  웹뷰( 지정한 url 표시) 이용
  네이티브 api 사용할 수 없었지만 프레임 워크(CORDOVA) 이용하면 가능
   * CORDOVA : 프레임워크, 기존 웹뷰를 감사고 네이티브와 다리 역할을 해주어 네이티브 API 사용 가능
   * 웹만들고 하루만에 안드,IOS 만들었다고 함..ㅎ
 1. 단점 : 네이티브 지식 필요, 네이티브보다는 자연스럽지 X, CORD..사용하는경우 성능, 메모리 이슈 발생할수있음

* 크로스 플랫폼 ex) 리액트 네이티브, 플러터
  : 두 운영체제에서 동작하는 앱
 1. 리액트 네이티브 vs 리액트 
  1) 리액트 네이티브 : js이용, 모바일 api 이용해서 모바일 ui 업뎃, 배포시 js와 모바일 api 해석하는 엔진 포함해서 배포
  2) 리액트 : js이용, Virtual Dom 이용해서 브라우저 Dom 업뎃
  3) 리액트 문법 특징
     - 어려움 - 웹앱처름 만드는 사람은 어려움, 복잡하게 씀 => 지금은 좀 바껴서 만만해졌다고는 함
     - js 변수, HTML, CSS 등 기초지식 필요. js 기초지식 없으면 이해불가
     - 함수(js)에 가까움, Html, Css 모두 js로 해버리는?
     - 기능 간단, 복잡한거하려면 직접 짜야함
 2. 플러터 
  : Dart라는 언어 새로 배워야함, 안드 ios 리눅스 데스크탑 등 모두 개발 가능
   네이티브와 달리 자체적으로 자신의 코드 이해하여 보여줌
 3. 장점 : 한 번에 개발 가능 
 4. 단점 : 버그 이슈, 우리가 해결할수없는 문제가 발생할때도 있음 ->개발자가 해결해줘야함

결론: 다른 장점에도 불구하고 하이브리드, 크로스 만으로 네이티브의 느낌과 성능을 표현하지 못 함
빠르게 개발 필요하거나 고성능을 필요로하지않으면 하이브리드, 크로스 해볼만하다

'Study > [etc]' 카테고리의 다른 글

[intelliJ] 자주 쓰는 단축키 모음  (0) 2021.05.01

댓글