소개
''빠르게 발전하는 데스크톱 애플리케이션 개발 환경에서 Microsoft Teams는 최근 기본 기술에 상당한 변화를 가져왔습니다. 처음에 Electron 프레임워크를 기반으로 구축된 두 애플리케이션 모두 Microsoft의 WebView2 컨트롤을 사용하도록 전환되었습니다. 이러한 움직임은 성능, 통합 및 사용자 경험 면에서 눈에 띄는 개선을 제공하는 중추적인 변화를 의미합니다. 이 블로그에서는 이러한 마이그레이션이 중요한 이유와 개발자와 사용자 모두에게 어떤 의미가 있는지 살펴보겠습니다.

Rish Tandon의 직접적인 통찰력

Microsoft Teams의 CEO인 Rish Tandon은 트윗에서 이러한 전환의 중요성을 다음과 같이 강조했습니다.
"이번 변경으로 우리는 #MicrosoftTeams 아키텍처에서 중요한 단계를 밟고 있습니다. 우리는 Electron에서 Edge WebView2로 이동하고 있습니다. Teams는 계속 하이브리드 앱으로 유지되지만 이제는 #MicrosoftEdge에 의해 구동됩니다. 또한 Angular는 사라졌습니다. 이제 WebView2가 100% 사용되었습니다."

아키텍처 개요

ElectronJS 프로세스 모델:

Electron은 웹 애플리케이션을 래핑하여 크로스 플랫폼 데스크톱 애플리케이션을 만들 수 있는 프레임워크입니다. 이는 웹 애플리케이션과 데스크톱 환경 사이의 브리지 역할을 하며 팝업 표시 또는 장치 연결에 응답하는 등의 상호 작용을 처리합니다. Electron이 데스크탑과의 인터페이스를 관리하는 반면, 애플리케이션의 핵심 기능은 JavaScript로 구현됩니다.

WebView2 기반 애플리케이션 프로세스 모델:

WebView2는 텍스트 상자나 버튼과 유사한 다용도 컨트롤이지만 Edge에 통합된 Chromium 엔진을 사용하여 웹 페이지 경험을 렌더링하도록 설계되었습니다. 이는 Win32 시대의 웹 브라우저 컨트롤을 자체적으로 대체한 이전 WebView 컨트롤을 대체합니다. WebView는 원래 Edge(Trident) 렌더링 엔진을 사용하고 Windows 10으로 제한되었지만 WebView2는 업데이트된 Edge 엔진을 활용하며 더 광범위한 Windows 플랫폼과 호환됩니다.

간단한 요약:

Electron JS에서 WebView2로 전환하는 이유는 무엇입니까?

전환 이유

성능 개선: WebView2는 Electron보다 가볍고 빠르므로 메모리 사용량이 줄어들고 로드 시간이 빨라집니다.
Windows와의 향상된 통합: WebView2는 Windows와 원활하게 통합되어 성능과 사용자 경험을 향상시킵니다.
오버헤드 감소: WebView2는 리소스를 덜 사용하므로 전체 Chromium 브라우저 인스턴스를 번들로 묶을 필요가 없으므로 애플리케이션의 설치 공간이 줄어듭니다.
강화된 보안: WebView2는 Microsoft Edge에 대한 지속적인 보안 업데이트의 이점을 활용하여 Electron보다 더 안전한 환경을 제공합니다.

전환 결과

성능:
메모리 사용량: WebView2는 메모리 소비를 대폭 줄여 성능을 더욱 원활하게 해줍니다.
로드 시간: 최적화된 렌더링과 감소된 오버헤드로 인해 로드 시간이 빨라지고 응답 속도가 빨라졌습니다.

사용자 경험:
안정성: 충돌 및 버그가 줄어들어 안정성이 향상되었습니다.
사용자 인터페이스: 더 반응성이 뛰어난 인터페이스와 더 부드러운 상호 작용.

통합 및 호환성:
Windows 기능: 알림 및 파일 처리와 같은 Windows 기능과의 통합이 향상되었습니다.
애플리케이션 업데이트: Edge의 업데이트 메커니즘을 통해 업데이트가 단순화되었습니다.

개발자 영향:
개발 효율성: 간소화된 프레임워크와 향상된 디버깅 도구.
코드 유지 관리: 표준화된 웹 콘텐츠 처리로 유지 관리가 더 쉬워졌습니다.

보안:
강화된 보안: Edge의 보안 기능으로 취약점으로부터의 보호가 향상되었습니다.

개발자와 사용자에게 미치는 영향

개발자용:
전환 복잡성: Electron에서 WebView2로 마이그레이션하려면 애플리케이션 아키텍처를 재작업해야 합니다. 개발자는 Electron 관련 기능을 WebView2와 동등한 기능으로 대체해야 하며, 종종 웹 콘텐츠 처리 방법과 네이티브 코드와 웹 콘텐츠 간의 통신 관리 방법에 상당한 변경이 필요합니다.
새로운 기회: WebView2는 기본 Windows 기능과 통합하고 최신 웹 표준을 활용할 수 있는 새로운 가능성을 열어줍니다. 개발자는 이러한 기회를 탐색하여 애플리케이션을 더욱 강화하고 더욱 강력한 기능을 제공할 수 있습니다.

사용자의 경우:
향상된 성능: 사용자는 더욱 빠르고 응답성이 뛰어난 애플리케이션을 경험할 수 있습니다. 이는 복잡한 디자인 작업을 처리하는 실시간 커뮤니케이션에 의존하는 Microsoft Teams와 같은 수요가 높은 애플리케이션에 특히 유용합니다.
원활한 경험: Windows 환경에 대한 통합이 향상되어 사용자는 더욱 응집력 있고 유동적인 경험을 기대할 수 있습니다. 여기에는 운영 체제와의 보다 원활한 상호 작용과 Windows 관련 기능에 대한 향상된 지원이 포함됩니다.

결론

Microsoft Teams의 Electron JS에서 WebView2로의 마이그레이션은 더 나은 성능, 통합 및 최신 웹 표준 준수를 향한 중요한 변화를 의미합니다. 이러한 변화는 사용자 경험과 보안을 향상시키기 위해 데스크톱 애플리케이션을 최적화하는 추세를 강조합니다. 기술이 발전함에 따라 더 많은 애플리케이션이 비슷한 발전을 채택할 것으로 예상되며 전략적 업데이트가 어떻게 혁신을 주도하고 일상적인 도구를 개선할 수 있는지 보여줄 수 있습니다.