개발 플랫폼(Native App, Web, Hybrid App)

[제로베이스 PM스쿨] 매일학습일지 #7.3

 

아무리 들어도 어려운 개발 플랫폼 복습하기 ! 결국 IT 기획자라면 꼭 알아야 하는 것이 플랫폼의 형태일 것이다.

개발에 대해서는 알지 못하더라도 개발 환경에 대해서는 알고 있어야 나또한 그에 맞춰서 잘 기획할 수 있을 것 !

 

아래에 개발 플랫폼에 대한 내용을 간단하게 정리해보자

 

Web과 App의 특징

기준 해상도 정의 (예시 : 1024 x 768)	표준 OS 설정 (안드로이드, iOS)
브라우저 호환성 강함 (IE9, Chrome, Firefox 등)	브라우저 호환성 약함 (Safari, Chrome)
마우스/키보드 인터페이스	터치 인터페이스
넓은 영역	제한된 영역
정보 우선순위에 대한 배치	정보 우선순위에 대한 노출 순서
웹 접근성 준수	Native App의 경우 APP 접근 권한 정의, 앱 접근성 준수 (스마트폰 앱 접근 권한 안내서 참고 필요)
웹 표준 준수 (HTML 5, CSS, JavaScript)	앱 표준 Guideline

 

Native App

• 안드로이드 앱은 구글플레이스토어에서, iOS는 앱스토어에서 다운로드 가능하고 해당 OS에서만 실행 가능
• 장점
  • 다양한 네이티브 기능과 UI 모두를 이용할 수 있음
  • 가장 빠르고 안정적이며 반응이 빠른 환경을 제공
• 단점
  • 해당 OS에서만 다운로드 실행 가능
  • 수정사항 발생 시 앱을 업데이트 배포 해야 한다
  • 해당 플랫폼에서 요구하는 언어의 제약이 있음
• 유용한 경우
  • 필수로 사용되어야 하는 플랫폼 기능이 있는 경우
  • 앱 기능이 많고 복잡한데 성능이 뒷받침 되어야 하는 경우

 

Mobile Web

• 브라우저에 URL만 입력하면 어떤 디바이스에서도 동일한 내용을 확인할 수 있음
• 장점
  • 어떤 플랫폼에서든 동일한 콘텐츠를 볼 수 있음
  • 개발을 할 때 다른 방식보다 훨씬 적은 시간과 비용 소요
  • 빠르게 최신의 내용으로 업데이트 가능
• 단점
  • 디바이스에 대한 접근 권한이 없기 때문에 모바일 OS에서 제공하는 기능을 활용할 수 없음
  • 네이티브, 하이브리드 앱보다 실행이 까다롭다 (브라우저를 열고 검색 또는 URL을 입력해서 접근)
• 유용한 경우
  • 다중 플랫폼 지원이 필요한 경우, 많은 사용자들의 다양한 채널을 통해 동시 접속 때 동일한 서비스를 제공하는 목적일 경우 유용
  • 콘텐츠가 빈번하게 변경될 경우 유용

 

Hybrid App

• 네이티브앱 + 웹 앱으로, 네이티브 앱에 웹뷰를 띄워 웹앱을 실행시키는 형태
• 장점
  • 네이티브 API와 브라우저 API를 이용한 다양한 개발이 가능. Native app과 유사한 UI 가능. 스마트폰 제어 기능(카메라, 마이크, 지문 인식 등)
  • 크로스 플랫폼 대응이 가능. 유지보수가 네이티브앱에 비해 쉬움
• 단점
  • 복잡한 Navigation에서는 동선 문제 발생
  • 네이티브 기능에 접근하기 위해서는 네이티브 개발 지식 필요
• 유용한 경우
  • 다중 플랫폼 지원이 필요한 경우, 많은 사용자들이 다양한 채널을 통해 동시 접속 때 동일한 서비스를 제공하는 목적일 경우 유용
  • 콘텐츠가 빈번하게 변경될 경우 유용

 

적응형 웹(Adaptive Web)

• 데스크탑 버전과 모바일 버전의 사이트를 각각 제작해 운영 주소 앞에 ‘m’을 붙인 ‘모바일 웹 페이지’
• 웹 페이지를 수정할 경우 각각 html과 css를 두 번 수정해야 한다. 작업이 중복되서 비효율적이고 버그가 생길 수 있음

 

반응형 웹(Responsive Web)

• 하나의 소스 코드로 모든 스크린에 최적화된 웹 사이트 구축할 수 있는 방법
• 브라우저의 가로 세로 넓이에 ‘반응’하여 구성 요소가 변하는 기술
• 디바이스 해상도에 유연하게 반응하고 어떤 기기에서도 동일한 콘텐츠를 볼 수 있어 일관성 확보 가능
• 서로 다른 기기의 넓이에 따른 CSS를 추가로 코딩해야 한다. 하나의 넓이로 작업하는 것보다 더 많은 코드가 필요하고 초기 작업 시간이 오래 걸린다

 

개발 플랫폼의 정의

1. 서비스의 목적
2. OS에서 제공하는 기능 활용도
3. 콘텐츠 변경 주기