Chrome 70에서는 다음을 지원합니다.
- Windows 및 Linux의 데스크톱 프로그레시브 웹 앱
- 사용자 인증 정보 관리 API에 공개 키 사용자 인증 정보 지원이 추가되었습니다.
- 이제 작업자 이름을 지정할 수 있습니다.
이 외에도 다양한 기능이 있습니다.
저는 피트 르페이지입니다. Chrome 70에서 개발자를 위한 새로운 기능을 자세히 살펴보겠습니다.
변경사항의 전체 목록을 확인하고 싶으신가요? Chromium 소스 저장소 변경사항 목록을 확인하세요.
Windows 및 Linux의 데스크톱 프로그레시브 웹 앱
이제 사용자가 Windows 및 Linux에 데스크톱 프로그레시브 웹 앱을 설치할 수 있습니다.
설치되면 시작 메뉴에서 실행되며 주소 표시줄이나 탭 없이 다른 모든 설치된 앱과 마찬가지로 실행됩니다. 서비스 워커는 빠르고 안정적이며 앱 창 환경은 설치된 다른 앱과 동일한 느낌을 줍니다.
시작하는 방법은 지금 하고 있는 것과 다르지 않습니다.
기존 프로그레시브 웹 앱에 대해 수행한 모든 작업은 계속 적용됩니다.
앱이 표준 PWA 기준을 충족하면 Chrome에서 beforeinstallprompt
이벤트를 실행합니다. 이벤트를 저장한 다음 UI(예: 앱 설치 버튼)를 추가하여 사용자에게 앱을 설치할 수 있다고 알립니다. 그런 다음 사용자가 버튼을 클릭하면 저장된 이벤트에서 prompt()
를 호출합니다. 그러면 Chrome에서 사용자에게 메시지를 표시합니다. 사용자가 '추가'를 클릭하면 Chrome에서 시작 메뉴와 데스크톱에 PWA를 추가합니다.
자세한 내용은 데스크톱 PWA 게시물을 참고하세요.
Credential Management API: 공개 키 사용자 인증 정보
Credential Management API를 사용하면 사용자가 간편하게 로그인할 수 있습니다. 이를 통해 사이트가 브라우저의 인증 관리자 또는 Google 및 Facebook과 같은 제휴 계정 서비스와 상호작용하여 서명할 수 있습니다.
Chrome 70에서는 웹 애플리케이션이 강력한 암호화 증명 및 애플리케이션 범위 사용자 인증 정보를 생성하고 사용하여 사용자를 강력하게 인증할 수 있는 세 번째 유형의 사용자 인증 정보인 공개 키 사용자 인증 정보를 지원합니다.
사이트에서 2단계 인증에 내 지문을 사용할 수 있게 되어 매우 기쁩니다. 또한 추가 유형의 보안 키를 지원하고 웹 보안을 강화합니다.
자세한 내용은 Credential Management API 문서를 참고하거나 WebAuthn 데모와 시작 방법을 사용해 보세요.
이름: workers
작업자는 JavaScript를 기본 스레드에서 백그라운드로 쉽게 이동하는 방법입니다. 이는 사이트의 상호작용을 유지하는 데 중요합니다. 비용이 많이 들거나 복잡한 JavaScript 계산을 실행할 때 기본 스레드가 잠기지 않기 때문입니다.
WebWorker 미사용

많은 양의 무거운 JavaScript가 실행되어 느리고 불안정한 환경이 발생합니다.
WebWorker 사용

과도한 JavaScript가 실행되지 않으므로 빠르고 원활한 환경을 제공합니다.

많은 양의 과도한 JavaScript가 실행 중이며 메인 스레드에 영향을 미치지 않습니다.
이제 Chrome 70에서 작업자에는 생성자의 선택적 인수로 지정되는 name
속성이 있습니다.
const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);
이렇게 하면 동일한 URL을 사용하는 여러 작업자가 있는 경우 name
로 전용 작업자를 구분할 수 있습니다. DevTools 콘솔에 이름을 출력하여 디버깅 중인 작업자를 훨씬 쉽게 파악할 수도 있습니다.
Firefox, Edge, Safari에서는 이미 워커 이름 지정을 사용할 수 있습니다. 자세한 내용은 GitHub의 토론을 참고하세요.
그 외에도 다양한 기능 제공
이는 Chrome 70에서 개발자를 위해 변경된 사항 중 일부에 불과하며, 물론 그 외에도 많은 변경사항이 있습니다.
- 웹 블루투스는 이제 Windows 10에서 사용할 수 있으며, 사이트에서 안전하고 개인 정보를 보호하는 방식으로 사용자가 선택한 근처 블루투스 기기와 통신할 수 있습니다.
- Chrome은
Report-To HTTP
응답 헤더 필드를 사용하여 서버에 개입 및 지원 중단 메시지를 전송하거나ReportingObserver
인터페이스에 표시할 수 있습니다. - 알아야 할 몇 가지 중요한 지원 중단이 있습니다. 자세한 내용은 Chrome 70의 지원 중단 및 삭제 게시물을 참고하세요.
- Chrome DevTools의 새로운 기능을 알아보려면 최신 DevTools의 새로운 기능 게시물을 확인하세요.
구독
최신 동영상을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.
저는 Pete LePage입니다. Chrome 71이 출시되는 대로 Chrome의 새로운 기능을 바로 알려드리겠습니다.