스마트폰 웹페이지

• 페이스북은 모바일 웹페이지로 접속하는 사람 수가 스마트폰 애플리케이션으로 접속하는 사람 수의 2배가 넘는다.
• OS제작 업체에서 제공하는 SDK를 사용해 만든 애플리케이션을 네이티브 애플리케이션이라 한다.
• 웹으로 만들어진 애플리케이션을 하이브리드 애플리케이션이라 부른다.
  • 하이브리드 애플리케이션으로 만들면 HTML5를 사용해 한번만 개발하면 모든 OS에서 실행 가능하다.
  • 게임을 제외하면 모든 애플리케이션은 하이브리드로 개발 가능하다.
  • 하이브리드 애플리케이션을 제작 가능한 다양한 프레임워크가 있다.

 

모바일 웹 개발시 주의사항

• 모바일 OS의 종류가 같아도 내장된 브라우저가 다를 수 있다.
• 모바일 웹페이지 제작시 아래 내용을 주의해야 한다.
  1. over flow 속성을 사용해 스크롤을 넣을 수 없다.
     • 대부분의 스마트폰 웹브라우저는 overflow속성에 scroll 키워드를 적용할 수 없다.(가능한 스마트폰 웹브라우저도 있다.)
     • 모바일 웹페이지의 스크롤은 대부분 자바스크립트를 이용해 구현한다.
  2. 상태선택자 사용에 주의한다.
     • 화면 터치와함께 클릭이 적용되므로 hover나 active선택자의 사용에 주의한다.
  3. 동위 선택자 제한이 있다.
     • 대부분의 스마트폰 웹브라우저는 ~선택자를 지원하지 않는다.(확인필요)
  4. 안드로이드 2, 3버전의 웹 브라우저는 CSS3 그레이디언트를 적용하지 못한다.
• 위 사항들은 버전 및 기종에 따라 달라질 수 있으므로 맹신하지 말것
• 모바일 웹 페이지를 더 알고싶으면 자바스크립트와 jQuery Mobile 또는 Sencha Touch 그리고 PhoneGap을 공부하길 추천한다.