한빛출판네트워크

프로그레시브 웹 앱의 도약

2016년은 "Progressive Web App들 이란 무엇인가"라는 질문의 해였습니다. Google의 크롬 팀으로부터 개발되고 제작된 Progressive Web Apps(이하 PWAs)는 모바일 웹의 새로운 네이티브와 웹 사이에 많은 패리티가 발생할 수 있는 새로운 형태의 웹 개발입니다. 이것은 모바일 웹에서 애호된 기능들과 푸시 알람, 오프라인 지원, 속도와 같은 네이티브 유저들이 애호해온 특징들을 한데 합친 것입니다.

Gartner는 2019년까지 20%의 브랜드가 자신들의 네이티브 모바일 앱이 폐기될 것이라 예견 했고 그렇기에 이번 년도는 PWA의 도입을 시험해 볼 시간이 될 것 입니다. 네이티브 앱은 계속해서 일상생활의 일부가 되어 가고 있지만, 현재는 상위 3개 정도의 앱만이 전체 사용 시간의 80%를 차지하고 있는 것으로 알려졌습니다. 반면에, 모바일 앱에서는 수많은 유기적인 발견이 일어나고 있지만 유저들은 검색 경험이 부족하기 때문에 잘 사용하지 않는 경향이 있는 것으로 알려졌습니다.

일부 회사에서 사용한 전략 중 하나는 사용자가 기본 앱에서 그들의 사이트를 열 것 인지 묻는 메시지를 만드는 것입니다. 그러나, 이것은 모바일 사이트와 기본 앱을 모두 구축하고 유지보수 하는데 따르는 비용이 들어가며 종종 유저들의 짜증을 유발하기도 합니다.

네이티브 앱에서 프로그레시브 앱으로의 전환을 위해 개발자들은 접근성과 반응형 디자인에서부터 보안과 성능에 이르기까지 여러 가지 중요한 것들을 고려해야 할 것 입니다. 또한, PWA는 여전히 활발히 개발 중인 기술을 기반으로 구축되고 있습니다.

예를 들면 Service Workers가 한 예입니다. 아직 초기 단계이지만, 이미 주요 소매점과 기업들이 모바일 웹 경험을 위해 PWA를 채택하고 있습니다. 두 가지 주요 사례는 인도 최대 전자상거래 사이트 Flipkart와 Washington Post 예입니다.

웹 스택 간의 안정성 및 유연성

지난 1년 동안 웹 생태계의 두 가지 주요 JavaScript 프레임 워크에 대한 개발이 있었습니다. Angular는 2009년 (Angular 2) 이후 첫 번째 주요 버전을 출시 했으며 React는 15.0 출시를 통해 상당한 개선이 이루어졌습니다. Angular 팀이 프레임워크를 철저하게 다시 작성하고 React의 생태계가 성숙해지고 널리 채택됨에 따라 우리는 두 커뮤니티가 공통 모범 사례를 중심으로 뭉쳐지는 것을 보고 있습니다.

Vue.js는 작년에 많은 인기를 얻었으며 현재 2.0 버전입니다. Angular보다 가볍고 덜 독단적인 Vue는 View Layer에만 초점을 맞추기 때문에 다른 라이브러리와 쉽게 통합 할 수 있습니다. Laravel은 자바스크립트 프론트엔드 기본 프레임워크로 Vue를 채택하여 PHP 및 광범위한 웹 커뮤니티에서 인기를 얻게 하였습니다.

자바스크립트 툴 공간에 변동폭은 없지만 이러한 주요 커뮤니티의 안정화는 웹 스택의 프레임워크와 도구에 관해 가장 우수한 솔루션을 찾고자 하는 개발자를 위한 기회가 될 것 입니다. 많은 포스트와 컨퍼런스에서 Angular vs. React에 대해 논쟁을 하지만, Angular는 완전한 프레임 워크이고 React는 뷰 레이어를 위해 제작된 라이브러리로 보아야 할 것 입니다(즉, MVC 모델의 “V”). 그들이 종종 비교 논쟁의 대상이 되는 것은 당신이 그 중 하나만을 선택해야 한다는 것을 의미하지는 않습니다.

실제로 Angular 및 React 생태계는 상호보환적입니다. 둘 다 컴포넌트 중심 아키텍처와 React 커뮤니티에서 처음 개발한 JavaScript 응용 프로그램 용 상태 컨테이너인 Redux를 모두 사용합니다. 2017년은 Angular와 React를 최고로 잘 활용하는 방법을 배울 수 있는 해가 될 것입니다. 예를 들어 새로운 응용 프로그램의 프로토타입을 빠르게 만들기를 원한다면 Angular의 내장 기능이 유용할 것입니다. 서버 측 렌더링을 사용하여 범용 애플리케이션을 구축하는 경우 React가 최선의 방법일 수 있습니다. 어떤 경우이든 개발자가 웹 스택에 통합하는 구성 요소를 선택하는 데 있어 더 많은 유연성을 계속 유지할 것입니다.

함수형 프로그래밍과 웹

React와 Redux의 인기가 높아짐에 따라 개발자는 상태를 갖지 않는 응용 프로그램의 이점을 보고 있습니다. Redux는 Elm의 영향을 많이 받았으며 Immutable.js와 함께 클라이언트와 서버 측 웹 모두에서 보다 기능적인 프로그래밍이 이루어지고 있습니다. 분명히 함수형 프로그래밍은 새로운 것은 아니지만 많은 프론트엔드 웹 개발자에게는 확실히 새로운 영역입니다.

함수형 리액티브 프로그래밍 (Functional Reactive Programming, FRP) 또한 JavaScript 생태계에서 계속 추진력을 얻고 있습니다. 자바스크립트가 웹의 지배적인 언어가 된 이유 중 하나는 본질적으로 비동기 성질을 지니기 때문입니다. 리액티브 프로그래밍은 단순히 비동기 데이터 스트림으로 프로그래밍하는 것을 의미하며, 끝없는 콜백으로 웹에서 다루기 힘들 수 있지만, RxJS 및 Bacon.js와 같은 최신 FRP 프레임워크는 가치 있는 기술로 부상하였습니다.

모던 웹 앱에서 데이터를 가져오는 새로운 접근 방식

회사가 마이크로 서비스 아키텍처로 옮기고 있거나 REST API가 유지하기가 너무 복잡해지면 Facebook의 GraphQL 또는 Netflix의 Falcor에서 클라이언트 중심의 접근 방식을 살펴 보는 것이 좋습니다. RESTful 접근 방식이 웹에서의 데이터 작업의 주류였지만 GraphQL 및 Falcor는 JavaScript 생태계에서 데이터 쿼리 및 관리를 위한 강력한 옵션으로 떠올랐습니다. 두 프로젝트 모두 최신 웹 응용 프로그램에서 데이터를 가져 오는 데있어 REST보다 서버와 클라이언트 간의 상호 운용성이 더 좋습니다. 두 기술이 모두 새로운 기술이지만 Netflix 및 Facebook에서 개발 중이라는 사실은 더 많은 회사와 팀이 대규모 응용 프로그램에서 데이터 관리를 위해 이 기술들을 채택할 것 임을 말합니다.

인공지능을 위한 설계 및 개발

지난 1년 동안 Google, Microsoft, Amazon 및 Facebook을 비롯한 많은 IT 거물들이 새로운 AI 에 초점을 맞춘 제품 및 플랫폼을 공개했습니다. 이 회사들은 인간이 기계와 서로 원활하게 상호 작용하는 미래가 올 것이라는 확신을 가지고 있습니다. Amazon의 Alexa 및 Google Home이 일상 생활의 일부가 되어감에 따라 대화식 시스템을 구축하고 설계하기 위한 기술력이 점점 더 요구되고 있습니다. 하드웨어의 발전에 더해, 소셜 네트워크 시대를 넘어 메신저 앱의 활용과 함께 새로운 봇의 시대에 접어들었습니다. 트위터에서부터 슬랙 봇, 인프라 자동화 및 뱅킹 봇에 이르기까지 봇 운동은 21세기 기술들을 하나로 모으고 두 가지 주요 측면으로 컨텍스트와 편리성에 초점을 맞출 것입니다. 이 운동의 중심에 있는 봇 디자이너, 건축가 및 구현가들은 우리 주변의 세계와 마찰없이 상호 작용을 할 수 있는 기술을 제공하려할 것 입니다. 2017년은 웹에서 활용되는 봇, 대화식 UI 그리고 인공지능 분야에서의 혁신과 빠른 발전의 해가 될 것입니다.

*****

원문 : 5 web trends for 2017

번역 : 이승표