본문 바로가기

Mobile Development

HTML 웹어플 이란... 그리고 meta 태그 - [장영희 최고라 불리는 남자! 티스토리]

http://sisioo.tistory.com/entry/HTML-%EC%9B%B9%EC%96%B4%ED%94%8C-%EC%9D%B4%EB%9E%80-%EA%B7%B8%EB%A6%AC%EA%B3%A0-meta-%ED%83%9C%EA%B7%B8

요즘 아이폰 어플 제작중에서 웹어플 이라는 단어를 심심치 않게 보게 됩니다. 웹어플 이란 뭘 의미하며, 왜 생겨나게 되었을까요.


그냥 개인적인 생각을 적어 보겠습니다.

아이폰 어플 제작을 위해서는 개발 PC 가 있어야 합니다.
더 쉽게 말해보면, Windows 환경이 아닌 OSX 환경에서 개발이 이뤄져야 합니다.
헤킹토시를 이용하여 개발연습을 많이 하시지만, 실제 개발과 실무 개발을 하기 위해서는 정품 환경에서 하는 것이 좋겠죠.
또한, 언어 개발환경이 많이 다르지 않지만, 개발 자체가 새로운 언어 개발로 취급을 해야 하기 때문에 인력 수급에도 문제가 있지 않을까 합니다.

그리고 어플 등록을 위해서는 애플 정책에 위배되지 않게 개발을 해서 등록이 이뤄져야 하며, 이 과정에서 리젝을 당하게 되면, 시간적 소요는 2주 가량 소비하게 됩니다.
하지만, 어플 개발을 통해 소비자들에게 공급이 된다면, 역시 깔끔하고 사용자 유도를 손쉽게 할 수 있습니다.
대충 이러한 약간의 문제점이라면 문제점이라고 할 수 있는 부분이 있습니다.


웹 어플이라하면, 브라우져를 통해서 모든 사황이 이뤄지게 됩니다.
아이폰에서 사용하는 사라파리 환경에서 HTML5 태그와 CSS3 를 기본으로 구성하게 됩니다.
그리고 jQuery 를 이용하여 아이폰에서 사용하는 여러가지 효과를 구현할 수도 있습니다.
그래서 웹 어플이라는 어플들이 많이 제작되어 지고 있는 부분도 사실입니다.


제가 생각하는 이 웹 어플에 있어서 장점은 유지보수가 쉽다는 부분인 것 같습니다.
기존에 웹에 구현한 기능들을 모바일에 최적화 되게 재구성하여 제작할 수 있기 때문입니다.
그리고 사용하는 언어도 (ASP, PHP, .NET .. 등등) 을 사용하여 잘만 구성하면 쉽게 구성할 수 있습니다.
어짜피 스크립트를 이용하기 때문에 문제 되는 부분은 없다고 봅니다.


어플 과 웹어플 의 장단점은 확실이 존재하는 것 같습니다.
웹어플은 제약조건이 아주 많이 심합니다.
제약조건 영향을 받지 않는다면, 웹어플을 제작하는 것이 맞을 수 있지만, 다양한 서비스나 깔끔한 퍼포먼스를 필요하다면, 어플제작은 필할 수 없다고 생각이 듭니다.


개인적인 잡담이였습니다.
생각나는데로 적어서 도움이 될 수 있는 내용은 아니듯 보입니다. 가볍게 읽어 주세요.

마지막으로, 아이폰에서 웹어플이 가능한 이유는 사라피에서 HTML META 태그 인식을 하기 때문입니다.

<meta name="apple-mobile-web-app-capable" content="yes" />
이 메타태그는 사파리를 통해 즐겨차키 아이콘을 등록하게 되면, 나타나는(?) 효과 입니다. 간단하게 테스트는 html 문서에 <head></head> 사이에 추가 하신 후 이 페이지를 사파리로 열어 보십세요. 그리고 [홈 화면에 추가] 를 해서 아이폰 바탕화면에 아이콘을 생성 후 실행시켜 보세요. 그러면, 사파리를 구동하지만, 주소창과 브라우저 하단이 없이 페이지만 볼 수 있는 화면을 보실 수 있습니다.

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
이 메타태그는 상태바(아테나 있고~ 와이파이 있고~) 의 색상을 변경할 수 있습니다.

<link rel="apple-touch-startup-image" href="/Images/Skin/apple-touch-startup-image.png" />
이 메테태그는 바탕화면에 추가한 아이콘을 실행시 시작화면 이미지를 지정하는 것 입니다.

<link rel="apple-touch-icon" href="/Images/Skin/favorite.png" />
이 메타태그는 바탕화면에 추가시 생성되는 아이콘을 지정하는 것 입니다.

아이폰 사파리에서는 위와 같이 메타태그를 통해서 좀더 아이폰 어플 스럽게 사용할 수 있게 도와 줍니다.