Google for Developers Korea Blog: Chrome 60 베타에서 변경된 내용을 확인해 보세요.

Google for Developers Korea Blog

한국의 개발자들을 위한 Google for Developers 국문 블로그입니다.

Chrome 60 베타에서 변경된 내용을 확인해 보세요.

2017년 7월 7일 금요일

여기문현경(Web Technologies GDE)
별도의 언급이 없는 한, 아래에 기술된 변경 사항은 Android, Chrome OS, Linux, Mac, Windows용 최신 Chrome 베타 채널 릴리스에 적용됩니다.

Paint Timing API

모든 경우에 페이지가 로드되는 시점을 완벽하게 캡쳐하는 일반화된 측정항목은 없지만 First Paint(FP) 와 First Contentful Paint(FCP) 는 로드하는 동안 중요한 사용자 모멘트를 측정하는 데 유용한 값입니다. 사이트의 로드 성능에 대해 더 나은 통찰력을 개발자에게 제공하기 위해 새 Paint Timing API는 First Paint(FP) 와 First Contentful Paint(FCP)를 캡처하는 측정항목을 제공합니다.

Screen Shot 2017-06-08 at 8.57.03 AM.png

Google I/O 2017의 “웹 성능: 사용자 환경에 가장 많은 영향을 미치는 측정항목 활용”세션 중 Google.com 페이지의 First Paint(FP)와 First Contentful Paint(FCP)

CSS font-display

다운로드 가능한 웹 글꼴은 시각적으로 풍부한 웹 환경을 생성하기 위해 자주 사용됩니다. 역사적으로, Chrome은 시각적 정확성을 위해 지정된 글꼴을 사용할 수 있을 때까지 텍스트 렌더링을 지연시켰습니다. 그러나 연결 상태가 좋지 않으면 글꼴을 다운로드하는 데 몇 초 정도 걸리고 사용자에게 콘텐츠가 보일 때까지 시간이 상당히 지연될 수 있습니다. 이제 Chrome은 CSS @font-face 설명자와 해당 font-display 속성을 지원하므로, 개발자가 글꼴을 다운로드하는 동안 Chrome이 텍스트 콘텐츠를 표시하는 방법과 시간을 지정할 수 있습니다.

Credential Management API 개선 사항

개발자 의견을 반영하여 모든 사이트에서 Credential Management API를 더 쉽게 사용할 수 있도록, 사용자설정 fetch()를 통해 저장된 비밀번호에 액세스하는 기능은 이제 지원 중단되었습니다. Chrome 60부터 사용자의 비밀번호가 PasswordCredential의 일부로 직접 반환됩니다.

또한, Web Authentication Working Group에서 수행 중인 작업에 더 잘 부합하도록 일련의 변경 작업을 단행했습니다. 여기에는 requireUserMediation의 지원 중단이 포함되며, 해당 이름이 preventSilentAccess로 변경되었습니다.

이번 릴리스에 포함된 기타 기능

이제 Chrome의 데스크톱 버전에서 Payment Request API가 지원됩니다.
이제 사이트에서 Payment Request API를 사용하여 네이티브 결제 앱을 통해 결제를 처리할 수 있습니다.
이제 Object rest 와 spread 프로퍼티를 지원합니다. 객체를 병합 및 부분 복제(shallow-clone)하고 다양한 불변 객체 패턴을 더욱 간단하게 구현할 수 있습니다.
새 Web Budget API를 사용하면 사용자에게 알림을 표시하지 않고 푸시 알림 권한이 있는 사이트에서 데이터 동기화 또는 사용자기 다른 기기에서 처리한 알림 닫기 등의 백그라운드 작업을 트리거하는 제한된 수의 푸시 메시지를 보낼 수 있습니다.
이제 새로운 웹 푸시 암호화 형식이 지원되며 PushManager.supportedContentEncodings를 사용하여 이 형식을 사용할 수 있는 장소를 탐지할 수 있습니다.
이제 사이트의 구독이 만료되는지 여부와 그 시기를 알려주는 PushSubscription.expirationTime을 사용할 수 있습니다.
성능과 예측 가능성을 개선하기 위해 이제 pointermove 및 mousemove 이벤트가 각 AnimationFrame 마다 한 번씩 전달되며, 이는 현재의 scroll 및 TouchEvents 기능과 일치합니다.
이제 :focus-within CSS 의사 클래스(pseudo-class)를 사용할 수 있습니다. 이 클래스는 :focus 의사 클래스가 영향을 미치는 모든 요소에 영향을 미칠 뿐만 아니라 :focus에 의해 영향을 받는 하위 항목이 있는 모든 요소에도 영향을 미칩니다.
이제 CSS 프레임 타이밍 함수를 사용할 수 있습니다. 이 함수는 애니메이션이 첫 번째 및 마지막 프레임을 포함하여 정확히 똑같은 길이로 모든 프레임을 표시해야 하는 애니메이션 루프에 유용합니다.
편집 작업을 캡처하는 다양한 방법을 제공하기 위해 이제 InputEvent를 통해 사용자 입력을 스크립트로 관리할 수 있으며, 편집 가능한 요소에 제공되는 세부사항을 개선할 수 있습니다.
보안 강화를 위해, 사용자가 사이트를 떠날 때 트리거되는 BeforeUnload 대화상자가 이제 이를 표시하려고 시도하는 프레임이 사용자 동작이나 사용자 상호작용을 받은 경우에만 표시됩니다. BeforeUnloadEvent는 이에 상관없이 계속 발송됩니다.
이제 무료 오픈 동영상 코딩 형식인 VP9을 MP4(ISO BMFF) 컨테이너와 함께 사용할 수 있고 아래 언급된 새 VP9 문자열 형식이 필요합니다.
이제 새 VP9 문자열 형식을 사용할 수 있고 다양한 미디어 관련 API에서 허용되므로, 개발자가 동영상 코덱에서는 일반적이지만 아직 노출되지 않은 인코딩 속성을 설명할 수 있습니다.

지원 중단 및 상호 운용성 개선 사항

getElementsByTagName()에서 이제 DOM 사양업데이트를 반영하여 정규화된 이름을 허용합니다.
/deep/은 이제 하위 항목 연결자처럼 동작하며, 이는 사실상 무작동(no-op)입니다.
이제 사용자 환경을 개선하기 위해 Navigator.vibrate()를 호출하면 사용자가 프레임이나 포함된 프레임을 명시적으로 탭한 경우를 제외하고 즉시 false를 반환하여 교차 원점(cross-origin) iframe에 대해 기존 동작을 일치시킵니다.
WEBKIT_KEYFRAME_RULE 및 WEBKIT_KEYFRAMES_RULE이 제거되고 접두사가 없는 표준화된 API인 KEYFRAME_RULE 및 KEYFRAMES_RULE로 대체되었습니다.
비표준 WebKitAnimationEvent 및 WebKitTransitionEvent에 대한 지원이 document.createEvent()에서 제거되었습니다.
사양과 더 잘 부합하도록, NodeIterator.filter 및 TreeWalker.filter가 더 이상 JavaScript 객체를 래핑하지 않고, .prototype이 window.NodeFilter에서 제거되었습니다.
RTCPeerConnection.getStreamById()가 제거되고 그 대안으로 폴리필이 권장됩니다.
SVGPathElement.getPathSegAtLength()가 지원 중단되었습니다. 그 이유는 SVGPathElement 사양에서 제거되었기 때문입니다.
Headers.prototype.getAll()이 사양에서 제거되고 그에 따라 Fetch API에서 제거되었습니다.

게시자: Shubhie Panicker, 페인트 타이밍 프로모터

Contents

ML/Tensorflow
Android
Flutter
Web/Chrome
Cloud
Google Play
Community
Game
Firebase

검색

Tag

Archive

2024
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2023
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2022
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2021
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2020
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2019
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2018
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2017
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2016
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2015
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2014
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2013
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2012
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 3월
- 2월
- 1월

2011
- 12월
- 11월

Feed

Google
Privacy
Terms