Chrome 70의 새로운 기능

Chrome 70에서는 다음 지원이 추가되었습니다.

이 외에도 다양한 기능이 제공됩니다.

저는 피트 레페이지입니다. 자세히 알아보고 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 사용

기본 스레드
과도한 자바스크립트가 실행되지 않아 빠르고 원활한 환경이 제공됩니다.
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의 몇 가지 변경사항은 물론 이 외에도 많은 변경사항이 있습니다.

구독

최신 동영상을 확인하고 Chrome 개발자 YouTube 채널구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.

저는 Pete LePage입니다. Chrome 71이 출시되는 대로 바로 Chrome의 새로운 기능을 소개해 드리겠습니다.