2011년 6월 22일

iOS 웹앱 개발 시작하기(번역)

원문 :Getting Started with iOS Web Apps



본 문서는 한국 html5 사용자 모임에 기고된 글입니다. 

시작하며

iOS 웹 어플리케이션(또는 iOS 웹앱)은 iOS 어플리케이션의 모습과 액션들에 초점을 맞춰 웹 2.0 기술에 접목한 것입니다. iOS 웹 앱은 iOS의 사파리에서 동작하며 이는 iOS기반의 장비와 터치 기반의 제스처가 제공되는 사파리에서 유일하게 동작합니다.

여기서 시작

iOS 웹 앱을 멋지게 만들기 위해서 필요한것은 :

  • iOS의 사파리에 맞게 컨텐츠를 최적화 시키는 것

  • 애플의 가이드라인에 맞게 UX와 UI를 디자인 하는것


기초를 읽기 전에 몇가지 코드를 다뤄보거나 기술 정의서를 먼저 다뤄보길 바랍니다.


기초를 알기 위해서는 어떻게 하나요?

미리 공부해야 할것들은 무엇입니까?

iOS에서 사용가능한 웹 기술을 어떻게 찾아야 합니까?


더 깊히 알아보기

가끔 위를 공부하다가 실무에서 사용되는 정보나 스펙에 대한 궁금증이 있을 껍니다. 인기있는 웹앱 작업물들이 더 많은 타겟을 위해 표현된것을 확인해 보세요.

  • 시각 효과를 웹앱에 추가해서 멋지게 하기 사파리 CSS 시각 효과 가이드 는 CSS의 속성을 사용해서 변화없는 이미지나 플래시, 동적인 HTML의 활용 없이 시각 효과를 iOS 웹앱에 적용해서 어떻게 화려한 시각 효과를 내는지 알려줍니다.

  • 탭, 플릭(가볍게 치는것), 그리고 컨텐츠를 드래그하는 것이 허용된 유저들에게 멀티 터치 인터페이스를 통한 이점 누리기 “사파리 웹 컨텐츠 가이드” 내의 “멀티터치 이벤트 다루기” 는 멀티터치 이벤트를 어떻게 등록하고 응답하는지를 보여주고 WebKit DOM의 확장 문서인 “사파리 DOM 추가 레퍼런스“는 이러한 이벤트의 확장버전을 보여줍니다.

  • iOS의 어플리케이션 링크를 추가하여 웹앱을 보다 iOS 어플리케이션처럼 만들기 애플 URL 스키마 레퍼런스는 전화, 지도, 아이튠즈 등의 링크를 어떻게 거는지를 알려줍니다.

더 알아야 할 필요가 있다면?

사파리 레퍼런스 라이브러리는 당신의 일을 더 쉽게 해줄 더 많은 자원(레퍼런스들)을 가지고 있습니다. 이러한 자원의 리스트를 좁히기 위해서 당신이 알고자 하는 레퍼런스의 타입(예를들어 가이드나 샘플 코드 같은것들 말입니다.) 이나 특별한 주제(사용자 경험이나 데이터 관리 같은)를 알고 있어야 할 것입니다.