한빛출판네트워크

제공 : 한빛 네트워크
저자 : Jenn Webb
역자 : 조석규
원문 : Driving the Momentum of Modern Web App Development

브라우저 기술의 빠른 발전과 HTML5의 성장은 웹 앱 개발자들에게 많은 기회와 도전을 제공해왔다. 다음 인터뷰에서, 구글 크롬 OS의 개발 홍보자인 이도 그린(Ido Green)이 "모던" 웹 앱의 특징들을 검토하고, 몇 가지 디자인 핵심과 개발자들이 꼭 알고 있어야 할 유용한 도구를 소개한다.

"모던 앱"이란 무엇인가?

이도 그린: "모던" 웹 앱은 사용자가 특정 목적을 완수하게 해 주는 HTML5 API와 브라우저 기술을 이용한 애플리케이션이다.

많은 "뛰어난" 웹 애플리케이션에서 여러 특징을 볼 수 있다.

• 하나의 중심 목적을 가지고 자기 완결적이다. 여기서 "한 페이지 애플리케이션"이라는 용어가 나왔을지도 모른다.
  
  
• "네이티브 앱" 같은 느낌을 준다. HTML5 API를 활용하여 오프라인, 지도 정보 접근, 끌어다 놓기, 화면 전환 같은 "네이티브 앱"에서 가능한 기능이 있다.
  
  
• 유저들이 인터넷에 연결되지 않은 경우나 인터넷 연결을 신뢰할 수 없는 경우에도 효율적으로 사용할 수 있도록 하기 위해서 "오프라인 우선(offline first)"이다. "오프라인 상태"에서부터 시작되어 만들어졌다. 네이티브 앱을 먼저 설치하고 나서 데이터를 추가하는 것과 유사하다.
  
  
• 모바일 기기에서 잘 작동하는 앱은 랩탑이나 데스크탑에서도 잘 작동한다.
  
  
• CSS3, HTML5, 모바일 브라우저를 이용해서 어떤 환경에서든 빠르게 동작하여 사용자에게 걸리적거림이 없는 환경을 제공한다. "오프라인 우선" 방법론은 여기서도 도움이 된다.

모던 웹 앱을 디자인 할 때 개발자들이 꼭 고려해야 할 점은 무엇이 있나?

이도 그린:사용자들은 아주 다양한 기기와 다양한 브라우저를 사용해서 앱을 이용한다는 것을 꼭 명심해야 한다. 그래서 반응형 웹 디자인과 점진적 개선 같은 개념은 그냥 혼란스런 용어가 아니다. 각 플랫폼이나 기기에서 최선의 앱을 만들기 위해 중요하다. 그걸 도울 수 있는 좋은 프레임워크가 많고, 웹캐스트에서 그 중에서 중요한 것들을 다룰 수 있기 바란다.

다른 주제는 "똑똑한 클라이언트", 다르게 말하자면 더 많은 로직과 코드가 클라이언트 측으로 옮겨지고 있어서 고전적인 "스파게티 코드" 문제를 확실히 피할 수 있어야 한다는 사실이다. 다양한 MV* 프레임워크가 있어서 코드를 조직화하고 유지보수 하는 데 도움을 준다.

HTML5는 어떤 역할을 수행하나?

이도 그린: HTML5는 웹의 구조를 결정하고 내용을 보여주는 마크업 언어이다. 많은 새 기능이 있지만, HTML5, JavaScript, CSS3를 포함하는 데까지 질문을 확장해도 될 것이라 본다. 이 세 요소는 브라우저 기능의 급격한 발전과 맞물려 프론트앤드 개발자들에게 강력한 도구를 제공했다. WebRTC, 웹 오디오, 기기 제어 API, 오프라인, 멀티 쓰레드 이외에도 훨씬 많은 놀라운 기술들이 있다. 이 기술들이 빠르게 발전하고 웹 앱 개발 경향을 가속한다.

모던 웹 앱을 만들기 위해 개발자들에게 유용한 툴은 무엇이 있나?

이도 그린: 아주 많은 툴이 있다. Yeoman과 Thorax.js는 추천할 만 하다.