태그 보관물: Mobile Web

모바일 웹

모바일 애플리케이션

▶ 모바일 애플리케이션의 종류

  • 네이티브 앱(Native Application)
    – 아이폰이나 안드로이드 폰과 같은 모바일 단말기에 설치되어 사용하는 애플리케이션
  • 모바일 웹(Mobile Web)
    – 비교적 낮은 해상도를 가지는 모바일 브라우저로 실행되는 웹
  • 하이브리드 앱(Hybrid Application)
    – 네이티브 앱 + 모바일 웹
    – 모바일 단말기에 설치되지만 내부 기능은 웹으로 구현
  • 모바일 웹앱(Mobile Web Application)
    – 기술적으로는 모바일 웹이지만 UI, UX는 네이티브 앱과 비슷한 형태의 애플리케이션

네이티브 앱(Native Application)

▶ 네이티브 앱이란?

  • 아이폰, 안드로이드 폰, 윈도우 폰 등과 같이 모바일 기기에 설치해서 사용하는 애플리케이션

▶ 특징

  • 플랫폼 전용의 SDK로 개발
  • 앱스토어, 마켓 등을 통해 배포

▶ 장점

  • 플랫폼의 모든 기능(하드웨어, 소프트웨어)에 접근 가능
  • 자유로운 UI 구현 가능
  • 실행 속도가 빠름

▶ 단점

  • 업데이트(배포)가 불편함
  • 플랫폼에 종속적
  • 개발/유지보수 비용이 높음

모바일 웹(Mobile Web)

▶ 모바일 웹이란?

  • 모바일 브라우저로 접속하도록 만들어진 웹

▶ 특징

  • 기존의 웹 기술로 개발
  • 설치할 필요 없이 웹 브라우저로 바로 이용

▶ 장점

  • 업데이트(배포)가 편함
  • 플랫폼에 독립적
  • 개발/유지보수 비용이 낮음

▶ 단점

  • 플랫폼의 기능(하드웨어, 소프트웨어) 접근에 한계
  • UI 구현의 제약
  • 실행 속도가 느림

하이브리드 앱(Hybrid Application)

▶ 하이브리드 앱이란?

  • 네이티브 앱처럼 설치해서 사용하지만 내부 기능은 웹 기술로 구현한 애플리케이션

▶ 특징

  • 플랫폼 전용의 SDK + 웹 기술로 개발
  • 최소한의 기능만 네이티브 앱으로 개발하고 대부분의 기능은 웹으로 개발
  • 앱스토어, 마켓 등을 통해 배포

▶ 장점

  • 플랫폼의 모든 기능(하드웨어, 소프트웨어)에 접근 가능
  • 개발/유지보수 비용이 낮음

▶ 단점

  • 플랫폼에 종속적
  • UI 구현의 제약
  • 실행 속도가 느림

네이티브 앱 vs. 하이브리드 앱

Native vs Hybrid

모바일 웹앱(Mobile Web Application)

▶ 모바일 웹앱이란?

  • 웹 기술을 이용해서 개발하고 서비스 하지만 네이티브 앱처럼 보이는 웹

▶ 특징

  • 웹 기술로 개발(CSS3를 이용하여 네이티브 앱과 같은 UX 제공)

▶ 장점

  • 모바일 웹의 장점과 같음
  • 사용자에게는 네이티브 앱과 같은 UX 제공
  • HTML5 기술을 접목하면 플랫폼의 기능(하드웨어, 소프트웨어)에 접근 가능

▶ 단점

  • 모바일 웹의 단점과 같음

모바일 웹앱 개발 프레임워크

▶ 모바일 웹앱 개발 프레임워크란?

  • 모바일 웹앱의 개발을 지원해 주는 프레임워크

▶ 특징

  • 모바일 웹을 모바일 기기의 네이티브 앱처럼 보이도록 함
  • 불안정한 모바일 네트워크로 인해 발생하는 다양한 예외를 효과적으로 처리할 수 있도록 도와 줌
  • 하나의 표준 라이브러리를 사용하여 다양한 운영체제에 따라 별도로 개발하는 수고를 줄여 줌

▶ 종류

  • jQTouch
  • jQuery Mobile
  • Sencha
  • Jo
  • iUI 등