Chrome 70에서는 다음 지원이 추가되었습니다.
- Windows 및 Linux의 데스크톱 프로그레시브 웹 앱
- 사용자 인증 정보 관리 API는 공개 키 사용자 인증 정보에 대한 지원을 추가합니다.
- 이제 worker의 이름을 지정할 수 있습니다.
이 외에도 다양한 기능이 제공됩니다.
저는 피트 레페이지입니다. 자세히 알아보고 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
작업자를 사용하면 자바스크립트를 기본 스레드에서 백그라운드로 쉽게 이동할 수 있습니다. 비용이 많이 들거나 복잡한 자바스크립트 계산을 실행할 때 기본 스레드가 잠기지 않으므로 사이트를 대화형으로 유지하는 데 중요합니다.
WebWorker 제외
WebWorker 사용
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 콘솔에서 이름을 출력하면 디버깅 중인 worker를 훨씬 더 쉽게 알 수 있습니다.
Firefox, Edge, Safari에서 작업자 이름 지정을 이미 사용할 수 있습니다. 자세한 내용은 GitHub의 토론을 참고하세요.
그 외에도 다양한 기능 제공
개발자를 위한 Chrome 70의 몇 가지 변경사항은 물론 이 외에도 많은 변경사항이 있습니다.
- 이제 웹 블루투스 를 Windows 10에서 사용할 수 있으며 사이트에서 안전하고 개인 정보를 보호하는 방식으로 사용자가 선택한 근처의 블루투스 기기와 통신할 수 있습니다.
- Chrome은
Report-To HTTP
응답 헤더 필드를 사용하여 서버에 개입 및 지원 중단 메시지를 전송하거나ReportingObserver
인터페이스에 표시할 수 있습니다. - 알아야 할 여러 가지 중요한 지원 중단이 있습니다. 자세한 내용은 Chrome 70의 지원 중단 및 삭제 게시물을 확인하세요.
- 최신 DevTools의 새로운 기능 게시물을 확인하여 Chrome DevTools의 새로운 기능을 알아보세요.
구독
최신 동영상을 확인하고 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.
저는 Pete LePage입니다. Chrome 71이 출시되는 대로 바로 Chrome의 새로운 기능을 소개해 드리겠습니다.