Electron은 데스크트탑용 웹앱을 만드는데 사용된 일종의 런타임입니다. Chromium엔진 기반으로 되어 있고. node.js API를 제공해서 쉽게   HTML, JS, CSS로 데스크탑앱을 만들 수 있습니다. 문제는  Hello World 앱을 만들어도 무거운  Chromium엔진을 실행해야 하는데, 다른  Electron앱 런타임 공유도 안됩니다. 기대가 두개의 서로 다른  V8엔진을 실행해야했습니다.

결국,  Microsft가 칼을 들었군요. Edge WevView2를 만들어서  Electron을 대치하기 시작했습니다. 첫번째로 Microsoft Teams가  Edge WebView2를 사용하기로 결정했고, 이미 새 버전은 WebView2로 릴리스가 되었을 겁니다. 흥미로운 것은  ReactJS와  Apollo GraphQL를 사용한 부분이네요. 이를 통해 100%성능을 높였고, 저정 공간도 많이 아꼈다고 합니다.

With this change, we are taking a major step in #MicrosoftTeams Teams architecture. We are moving away from Electron to Edge Webview2. Teams will continue to remain a hybrid app but now it will be powered by #MicrosoftEdge. Also Angular is gone. We are now 100% on reactjs

— Rish Tandon (@TandonRish) June 24, 2021

https://twitter.com/TandonRish/status/1408085784016539653

단, 아직은 Edge WebView2는 공식적으로 리눅스와 맥은 지원하지 않습니다. 하지만 내부적으로는 사용하고 있는 것 같습니다. 그래서 아직 Electron을 버릴 때는 아닌 것 같고, 좀 더 두고보면 Electron이 완전히  deprecated 되지 않을까 예상해봅니다.

참고
* https://dev.to/noseratio/some-thoughts-on-the-new-microsoft-teams-2-0-architecture-webview2-reactjs-1gf1

* https://techcommunity.microsoft.com/t5/microsoft-teams-blog/microsoft-teams-advantages-of-the-new-architecture/ba-p/3775704

WebView는 웹 브라우저 기능을 앱 내에서 재사용할 수 있도록 컴포넌트화한 것으로, 대부분의 운영체제에서 지원되어 앱에 웹페이지 렌더링 기능을 쉽게 추가할 수 있습니다. 마이크로소프트는 IE와 Edge 엔진을 포기하고 크로미엄 엔진으로 전환했으며, 이에 따라 기존의 IE 컨트롤이 Edge WebView2로 교체되었습니다.

https://github.com/MicrosoftEdge/WebView2Browser

이를 통해 누구나 쉽게 웹 브라우저를 개발할 수 있으며, 관련 코드는 공개되어 있지 않지만 GitHub의 MicrosoftEdge/WebView2Browser 저장소에서 샘플 웹 브라우저 코드를 제공하고 있습니다. 현재는 Windows와 Xbox 플랫폼만 지원되지만, 향후 Android와 macOS에서도 지원될 것으로 기대합니다.

더 많은 정보는 마이크로소프트의 공식 웹사이트에서 확인할 수 있습니다.

https://learn.microsoft.com/en-us/microsoft-edge/webview2/