지난 5월 2일 JSLounge의 다섯 번째 세미나에서 발표한 HTML5 API - The Screen Orientation API and Fullscreen 발표자료이다. 지난 달 게임을 개발할 때 유용하게 사용할 수 있는 HTML5 기능들에 대해 조사하다가 조금 더 자세히 알아보고 싶은 생각이 들어 주제로 정했다.
Fullscreen은 이미 플래시에서의 전체 화면 기능이나 동영상을 볼 때 종종 사용했던 기능으로 프로그램을 사용하여 기능을 제어할 수 있다는 점을 빼면 특이한 내용은 없다. 개발자의 관점에서는 혼동할 수 있는 부분이 있으나 특별히 어려운 것은 아니다.
반면 Screen Orientation API의 경우 앞으로 모바일 웹 또는 웹앱을 만들면서 제작자의 의도를 잘 표현하기 위해 필요한 내용이다. 내용이 어려운 것은 아니나 device의 회전(window.orientation)과의 차이점에 대해 이해하고 있어야 활용이 용이할 것으로 생각한다. 아직 지원하는 모바일 웹 브라우저가 많지 않은데 그 이유는 Screen Orientation API가 엄밀히 말하면 HTML 5.1에 해당하는 명세이기 때문이다. 하지만 내년 이맘때 정도면 어떤 브라우저에서든 사용할 수 있지 않을까 조심스럽게 예상해본다.
반응형