마이크로소프트가 자사의 웹 브라우저 '엣지(Edge)'를 크로미움(Chromium) 엔진 기반으로 전환하겠다고 발표하면서, 다양한 웹 기술들에 대한 관심과 논의가 뜨겁습니다. 수많은 이름과 전문 용어가 얽혀 혼란스러웠다면, 이 참고 자료가 큰 도움이 될 것입니다.
핵심 용어와 기술들을 하나로 묶은 치트 시트를 준비했습니다. 각 프로젝트가 어떤 역할을 하는지, 그리고 엣지에서 무엇이 바뀌는지 이해하는 데 도움이 될 것입니다. 설명 중 이탤릭체로 표기된 단어는 이 치트 시트 내의 다른 용어를 가리킵니다.
마이크로소프트
- 엣지(Edge) – 가장 기본적인 용어부터 살펴보겠습니다. 엣지는 윈도우 10과 함께 선보인 마이크로소프트의 최신 웹 브라우저입니다. UWP 앱으로 개발되었으며, EdgeHTML 브라우저 엔진으로 구동됩니다. 지난주 마이크로소프트는 향후 1년 안에 크로미움 브라우저 엔진으로 전환하고, 더 많은 윈도우 버전과 다양한 운영체제 플랫폼으로 점진적으로 확장해 나갈 것이라고 공식 확인했습니다. 현재 엣지는 Chakra 자바스크립트 엔진을 사용하지만, 크로미움으로의 이전에 따라 V8로 교체될 예정입니다.
- EdgeHTML – 2015년 윈도우 10 출시와 함께 등장한 이래 마이크로소프트 엣지가 사용해 온 마이크로소프트 고유의 브라우저 엔진입니다. 이 엔진은 트라이던트(Trident)에서 분리된 것입니다. 엣지 브라우저를 구동하는 것 외에도, EdgeHTML은 윈도우 10 인터페이스의 여러 구성 요소를 렌더링하는 데 사용되며, 자바스크립트와 HTML로 작성된 윈도우 10 UWP 앱도 지원합니다. 윈도우 10 시스템과 긴밀하게 결합되어 있어 다른 플랫폼에서는 사용할 수 없습니다.
- 트라이던트(Trident) – 인터넷 익스플로러 4부터 인터넷 익스플로러 11까지 사용된 마이크로소프트의 단종된 브라우저 엔진입니다. 2000년대 초반 인터넷 익스플로러가 웹 브라우저 시장을 지배하는 데 크게 기여했지만, 웹 표준 준수율이 낮아 점차 낙후되었습니다. 마이크로소프트는 이후 버전에서 추가 기능과 표준 지원을 통해 엔진 개선에 노력했습니다. 이 엔진은 윈도우 8과 윈도우 폰 8에서 자바스크립트 앱을 지원하는 데에도 활용되었습니다.
- UWP – Universal Windows Platform(유니버설 윈도우 플랫폼)의 약자로, 개발자가 윈도우 10, 윈도우 10 모바일 및 관련 최신 마이크로소프트 생태계용 앱을 만들 수 있게 해주는 API와 기술의 집합입니다. UWP는 일반적으로 이러한 앱의 가장 대표적인 배포 채널인 마이크로소프트/윈도우 스토어와 연관됩니다. UWP 앱은 C++, C#/XAML, 자바스크립트/HTML 등 다양한 기술로 개발할 수 있으며, 기존 클래식 Win32 윈도우 데스크톱 앱, iOS 앱 또는 PWA를 변환해 만드는 방법도 제공됩니다.
브라우저
- 브라우저 엔진(Browser Engine) – 웹페이지를 구성하고 화면에 보이며 상호작용 가능한 형태로 렌더링하는 역할을 담당하는 웹 브라우저의 핵심 독립 구성 요소입니다. 브라우저 엔진은 일반적으로 최종 사용자에게는 잘 드러나지 않아, 대부분의 사용자는 브라우징 경험에서 엔진이 하는 역할을 인지하지 못합니다. 엔진은 레이아웃 엔진과 렌더링 엔진처럼 웹페이지 구성에 필요한 서로 다른 기능을 담당하는 여러 하위 구성 요소로 이루어져 있습니다.
브라우저 엔진은 대개(항상 그런 것은 아니지만) 여러 웹 브라우저가 공통으로 채택할 수 있는 독립형 구성 요소입니다. 예를 들어 크로미움 엔진은 현재 구글 크롬, 오페라, 비발디 등 수많은 브라우저에서 사용되고 있습니다. 이 브라우저들은 저마다 고유한 인터페이스와 사용자 기능을 갖추고 있지만, 실제 웹페이지를 가져오고 구성하며 렌더링하는 작업은 크로미움 엔진에 의존합니다. - 블링크(Blink) – 크로미움을 포함한 여러 웹 브라우저 프로젝트에서 사용되는, 널리 검증된 인기 오픈소스 브라우저 엔진입니다. 블링크는 현대 웹 표준을 폭넓게 준수하며 새로운 표준과 권고안을 신속하게 구현해 나가는데, 이러한 점이 인기의 배경이 되었습니다. 원래는 WebKit 엔진에서 포크된 프로젝트입니다.
- 크로미움(Chromium) – 구글이 처음 개발한 오픈소스 웹 브라우저 프로젝트입니다. 크로미움은 수많은 웹 브라우저의 기반이 되며, 그중 가장 대표적인 것이 구글 크롬입니다. 블링크 브라우저 엔진으로 구동되며, 자바스크립트 엔진으로는 V8을 사용합니다. 크로미움은 모든 주요 데스크톱 플랫폼과 안드로이드에서 이용할 수 있습니다. 다만 구글과의 밀접한 관계 때문에 비판을 받기도 했습니다. 오픈소스임에도 불구하고 개발은 구글이 주도하며, 프로젝트에는 구글 서비스와의 기본 통합이 포함되어 있습니다.
자바스크립트
- 자바스크립트 엔진(JavaScript Engine) – 자바스크립트 코드를 해석하고 실행하는 프로그램입니다. 역사적으로 대부분의 자바스크립트 엔진은 웹 브라우저 안에 존재했지만, 최근 몇 년간 서버, 명령줄 애플리케이션, 모바일 애플리케이션 등 브라우저 밖에서의 자바스크립트 활용이 확대되면서 엔진 개발에도 변화가 필요해졌습니다.
- Chakra – 마이크로소프트가 개발하여 엣지와 UWP에서 사용하는 자바스크립트 엔진입니다. 마이크로소프트의 오래된 JScript 엔진에서 파생되었으며, 처음에는 사유 기술이었지만 2015년 오픈소스로 공개되었습니다. 엣지 웹 브라우저 외에도 임베디드 환경 등 다른 분야에서도 활발히 활용되고 있습니다.
- V8 – 주로 크로미움 브라우저 프로젝트에서 사용되는 오픈소스 자바스크립트 엔진으로, 웹 브라우저 내에서 자바스크립트 코드를 실행할 수 있게 해줍니다. V8은 Node.js 같은 서버 측 자바스크립트 환경이나 Electron 데스크톱 앱 프레임워크 등 다양한 자바스크립트 런타임에서도 사용되고 있습니다.
웹 기술
- HTML – Hypertext Markup Language(하이퍼텍스트 마크업 언어). HTML은 웹페이지의 구조와 기본 레이아웃을 만드는 데 사용되는 마크업 언어입니다. 브라우저 엔진은 HTML 파일을 바탕으로 웹페이지를 구성하며, 이것이 최종적으로 화면에 렌더링됩니다.
- 자바스크립트(JavaScript) – 현대 웹사이트의 핵심 구성 요소인 고급 인터프리터 방식 프로그래밍 언어입니다. 자바스크립트는 개발자가 웹페이지와 브라우저를 직접 다룰 수 있게 해주기 때문에 웹 앱과 인터랙티브 페이지에 필수적입니다. 또한 웹 브라우저 외에도 마이크로소프트의 윈도우 10 UWP 플랫폼 같은 네이티브 앱이나 임베디드 기기 등 폭넓은 분야에서 활용되고 있습니다.
- PWA – Progressive Web App(프로그레시브 웹 앱). 웹사이트와 웹 앱이 호환되는 기기에서 설치형 네이티브 앱처럼 동작할 수 있게 해주는 개발 방법론, 개념, 기술의 집합입니다.
PWA에서 이용할 수 있는 기능은 플랫폼에 따라 다르지만, 일반적으로 네이티브 앱과 유사한 방식으로 웹사이트/웹 앱을 '설치'하는 기능과 함께, 오프라인 실행, 백그라운드 동기화, 푸시 알림 등 네이티브 앱에서 흔히 볼 수 있는 기능을 구현하게 해주는 서비스 워커(service worker) 기술이 지원됩니다.
PWA는 기술 언론이나 비개발자들에 의해 하이브리드 앱이나 호스티드 웹 앱으로 잘못 소개되는 경우가 많습니다. 순수한 PWA는 오직 웹 표준만으로 기능을 구현하며 웹사이트 도메인에서 제공됩니다. 이후 각 플랫폼이 해당 웹 표준을 구현하고 네이티브에 가까운 경험을 제공하는 것은 플랫폼의 몫입니다.
이 용어집은 각 기술과 용어에 대한 개요를 제공합니다. 더 깊이 알고 싶다면 각 프로젝트의 공식 웹사이트를 방문해 보시길 권합니다. 이러한 기술들은 사용자에게 잘 드러나지 않지만, 웹의 근간을 이루며 우리가 브라우저로 웹페이지를 이용할 수 있게 만드는 데 없어서는 안 될 존재입니다.