Z5 Solution을 방문해주셔서 감사합니다.
본문 바로가기

title

NEWS

 
작성일 : 12-10-07 19:06
하이브리드앱vs네이티브앱
 글쓴이 : 젯파이브
조회 : 24,039  
 
 
네이티브 앱 : 
iOS의 개발 언어인 Object-C 또는 안드로이드는 Java를 이용한 이클립스에서 작성된 특정 플랫폼에서만 작동되는 앱을 말합니다.
네이티브 앱의 장점으로는 특정 플랫폼에 함께 탑재되어 있는 다른 어플리케이션과의 인터페이스나 API의 사용이 가능하여 어플리케이션 간의 확장성이 용이하고 UI 구성요소가 대부분 패키지화 또는 라이브러리 형식으로 기본 제공되기 때문에 빠른 로딩 속도가 장점입니다.
단점으로는 특정 플랫폼에서만 작동되기 때문에 제한적인 환경을 가지고 있고, 업데이트는 앱스토어를 통해서 받기 때문에 앱스토어를 열기 전까지는 업데이트를 할 수 없는 것이 단점입니다.

모바일 웹 : 
웹페이지를 작업할 때 사용하는 HTML/CSS 또는 Jquery 등을 활용하여 작성된 브라우저에서 동작되는 화면을 말합니다. 
따라서 브라우저의 환경적인 특성을 제외하고는 대부분 모든 브라우저에서 볼 수 있는 장점이 있습니다. 개발 시 화면 체크를 바로바로 확인할 수 있고, 바로 변경 및 수정이 가능하기 때문에 즉각적인 대응이 가능한 장점이 있습니다. 그리고, 기존의 웹 개발방식과 동일하기 때문에 개발 비용을 절감할 수 있는 장점도 가지고 있습니다. 
단점은, 모바일에서 사용되는 API의 활용이 불가능하다는 것과 UI의 구성요소를 실시간으로 로딩하므로, 처리속도가 느리다는 점과 인터넷이나 WiFi의 연결 상태에 따라 영향을 받는다는 단점이 있습니다.

하이브리드앱 : 
하이브리드 앱의 경우에는 용어의 정의가 모호한 부분이 있지만, 대체적으로 모바일 앱과 유사한 점이 있습니다. 
네이티브 앱과 동일한 환경을 가지고 있지만, 부분적으로 HTML/CSS로 작성된 앱을 말합니다. 인터넷 환경과 WiFi 환경에 따른 영향에도 유연하고, 모바일 앱보다는 빠른 로딩 속도와 스마트폰에서 바로 실행이 가능하다는 장점이 있습니다. 네이티브 앱의 개발보다 하이브리드 앱의 개발 비용이 상대적으로 절감할 수 있는 개발 형태라고 볼 수 있습니다.
단점으로는 네이티브 앱과 마찮가지로 앱스토어를 통해서 업데이트 및 업그레이드를 해야 하는 단점이 있습니다. 
하이브리드 앱의 개발이 네이티브 앱과 모바일앱의 장, 단점을 적절히 활용하여 개발할 수 있는 형태라고 볼 수 있습니다.

현재 개발 추세는 하이브리드 앱의 개발이라 할 수 있습니다.
화면 안에서의 네비게이션 시스템이나, 중요한 Key 역활을 하는 부분을 제외하고 일반적인 정보를 대부분 모바일 웹으로 개발하는게 전반적인 내용에서 볼 때 단점보다는 장점이 많다는데 있습니다.
Cross Flatform이나 web 서비스 매쉬업을 지원하는 유일한 대안이라고 볼 수 있고, 모바일 웹에 있어서 절대적인 지원을 받고 있는 HTML5가 있기 때문에 가능한 것 입니다.
전반적인 개발 비용을 절감할 수 있고, 개발 인력의 수급, 개발 기간, 확장성을 고려할 수 있다는 점 역시 간과할 수 없는 부분이기도 합니다.
 
 

네이티브앱, 모바일웹, 하이브리드앱

Contents

정의

  • 네이티브앱 : Object-C등의 언어로 작성된 특정 플랫폼에서만 작동되는 앱
  • 모바일웹 : HTML/CSS로 작성된 브라우저에서 작동되는 페이지
  • 하이브리드앱 : 네이티브앱의 일부분을 HTML/CSS로 작성한 앱

장점

  • 네이티브앱
    • 카메라등 디바이스에서 제공하는 API 사용가능
    • UI 구성요소가 패키지화 되어 사용자 단말에 있어 빠른 로딩 속도

  • 모바일웹
    • UI업데이트시 사용자가 앱스토어를 통해 업데이트하지 않아도 접근시 바로 반영
    • 브라우저 기반이기 때문에 별도 작업을 거쳐 다양한 플랫폼에서 사용이 가능

단점

  • 네이티브앱
    • UI업데이트시 앱스토어를 통해 업데이트를 받기전까지 적용되지 않음.

  • 모바일웹
    • 디바이스API사용 불가능
    • UI구성요소를 실시간으로 로드하므로 상황에 따라 상대적으로 느린 로딩 속도
      • 모바일 디바이스는 유선으로 인터넷에 연결된 것이 아니기 때문에 사용자의 상황에 따라서 로드에 실패하거나 굉장히 오래 걸릴 수 있기 때문에 페이지 최적화가 매우 중요

각 제작방법이 갖는 장점을 최대한 살리고 단점을 최소화하기 위하여 사용되는 방법이 하이브리드앱


질의응답

Q. 모바일웹과 하이브리드앱에 들어가는 HTML 페이지는 어떻게 다른가?
A. 해외 아티클에서 말하는 모바일웹은 피처폰 또는 Windows Mobile 6.X 등 현재 인터넷이 사용 가능한 모든 디바이스를 지원하는 것을 기준으로 하고 있어서 터치에 최적화된 박스형 링크영역, 그리드 아이콘 네비게이션(아이폰의 홈스크린 같은)등을 차이점이라고 설명하지만 국내에서는 최신 스마트폰만 대응하는 것을 기준으로 페이지를 제작하기 때문에 모바일웹에서도 터치 기반 디바이스에서 최적화된 UI를 제공하므로 차이점은 없다.

Q. 모바일웹과 하이브리드앱에 들어가는 HTML 페이지의 제작 기술의 차이점은 무엇인가?
A. 기본적으로 기술의 차이는 없으나 하이브리드앱의 경우 로딩 속도 등의 퍼포먼스를 사용자가 네이티브앱과 같을 것이라 기대 할 것이기 때문에 모바일웹 페이지를 제작하는 것보다 조금 더 퍼포먼스 향상을 위한 노력이 필요하다.

HTML 최적화

  • 파일 사이즈 최소화
    • 파일 사이즈는 로딩 속도와 비례하며 모바일과 같은 접속 환경에서는 그 차이가 크게 나타남
  • 이미지파일 최적화
    • 별도의 최적화 툴을 이용하여 용량을 최대한으로 줄임
  • 이미지파일 최소화
    • IR 기법을 적극 활용하여 리퀘스트 수 최소화
    • CSS3로 대체 가능한 부분은 CSS3 활용
  • HTML5 Local Storage 활용
    • 사용자 디바이스에 파일들을 캐시 시켜 재접속시 페이지 로딩 속도 향상