한국의 개발자들을 위한 Google for Developers 국문 블로그입니다.
Chrome 56 베타 버전에서 변경된 내용들을 확인해 보세요.
2017년 1월 20일 금요일
<블로그 원문은
여기
에서 확인하실 수 있으며, 블로그 번역 리뷰는 장정식(Google)님,
고재도(Web Technologies GDE)
이 참여해 주셨습니다.>
별도의 언급이 없는 한, 아래에 기술된 변경 사항은 Android, Chrome OS, Linux, Mac 및 Windows용 최신 Chrome
베타
채널 릴리스에 적용됩니다.
HTTP 암호 및 신용카드 페이지의 “Not Secure” 경고
Chrome은 사용자들이 안전하게 탐색하도록 돕기 위해 주소 표시줄에서 아이콘을 사용해 연결 보안을 표시하고 있습니다. Chrome은 지금까지 HTTP 연결에 대해 명시적으로 Not Secure라고 표기하지 않았습니다. 저희는 모든 HTTP 사이트를 Not Secure로 표시하려는 장기 계획의 일환으로, 버전 56부터 암호나 신용카드 정보를 수집하는
HTTP 페이지
를 Not Secure로 표시할 것입니다. 이 기능은 향후 몇 주에 걸쳐 점진적으로 배포될 예정입니다.
Not Secure로 레이블이 붙여지는 것을 피하기 위해서는 사이트가
HTTPS를 사용하여 트래픽을 보호
하고
일반 보안 가이드라인
을 따라야 합니다.
HTTP 연결을 사용하는 경우 사이트의 URL 표시줄에 Chrome ‘Not Secure’ 경고가 표시됨
웹 블루투스
사이트는 이제
Web Bluetooth API
를
Android, Chrome OS 및
Mac에서 사용하여 블루투스 저전력(Bluetooth Low Energy, BLE) 기기와 상호 작용할 수 있습니다. Web Bluetooth API는
GATT 프로토콜
을 사용하며, 이를 통해 앱 개발자는 JavaScript 단 몇 줄만으로
블루투스 기기
(예:
프린터 및 LED 디스플레이
)에 연결할 수 있습니다. Web Bluetooth를
물리적 웹
비콘과 결합하여 주변 기기를 검색하고 제어할 수도 있습니다. 시작하려면 GitHub에서
샘플
및
데모
를 확인하시기 바랍니다.
웹을 통해 BLE 지원 심박수 모니터에 연결하는 Android 기기(
소스
)
CSS position: sticky
Chrome은 이제 요소의 위치를 지정하는 새로운 방법인 CSS
position: sticky
를 지원합니다.
position: sticky
요소는 상대적으로 위치가 지정되지만 사용자가 특정 스크롤 위치에 도달한 후에는
position: fixed
가 됩니다.
이전에는, 표시 영역의 맨 위에 고정되는 콘텐츠 헤더를 작성하려면 일반적으로 스크롤 이벤트를 듣다가 특정 임계값에서 position을
relative
에서
fixed
로 전환했습니다. 이 솔루션은 동기화하기가 어려우므로, 작은 시각적 점프가 발생합니다. 이제, 사용자는 요소의 위치를
sticky
로 간단히 지정함으로써 원하는 효과를 이룰 수 있습니다.
이번 릴리스의 기타 특징들
Android에 새로 추가된
Remote Playback API
를 사용하면
사이트가 스마트 TV 및 스피커에서
HTMLMediaElement
재생을 시작하고 제어할 수 있습니다
.
WebVR API
는 Android에서 개발자가 웹에 가상 현실 환경을 구축할 수 있는
원래 평가판
으로 제공됩니다.
WebGL 2.0 API
는 데스크톱 플랫폼에서 기본적으로 활성화되어
<canvas>
요소를 통해
OpenGL ES 3.0
수준의 렌더링 기능을 제공합니다.
사용자가 대체로 사이트와 상호 작용
하지 않은 경우
Adobe Flash 지원은
navigator.plugins
및
navigator.mimetypes
에서 더 이상 광고되지 않습니다. 이는
사용자가 사이트별로 Flash 환경을 다시 활성화할 수 있더라도 적용됩니다.
사이트에서는 이제
Image Capture
초기 평가판
을 사용하여
사진을 찍고 확대/축소와 같은 카메라 설정을 구성
을 시험할 수 있습니다.
CSS
overflow-anchor
속성이 설정되지 않은 경우 콘텐츠가 뷰포트 위에 오도록 변경되면 Chrome이 이제 자동으로
스크롤 위치
를 조정하여 뷰포트 안에 콘텐츠가 고정되도록 합니다.
이제
Notifications API
를 통해 사이트가
image
속성을 설정하여
알림에 이미지를 포함
할 수 있습니다.
PaymentRequest API
에는
requestPayerName
및 JSON 직렬화를 포함하여 다양한
새로운 기능
이 추가되어 있습니다.
모바일 환경에서 URL 표시줄을 표시하거나 숨기는 경우 더 이상
vh
와 같은 뷰포트 단위에 맞게 초기 포함 블록 또는 요소의
크기가 조정
되지 않습니다.
Text 입력 요소(예:
<input type="text">
)의 맞춤법 검사 기능이 이제 최소 512MB의 메모리와 시스템 사전을 갖춘 Android 기기에서 기본적으로 활성화되어 제공됩니다.
콘텐츠가 UI 내부에 포함되도록 맞추는 데 사용되는 일반 글꼴 모음이 모든 플랫폼에 걸쳐 표준화되어 이름이
system-ui
로 변경되었습니다.
새
Referrer-Policy HTTP
헤더가 추가되었으므로 사이트가 사용자의 세션 ID 또는 기타 개인 정보를 유출하지 않고 URL을 통해 사이트 트래픽을 전달할 수 있습니다.
KeyboardEvent.isComposing()
을 통해서는 사이트에서 사용자가 키보드 이벤트를 직접 모니터링하지 않고 최신
KeyboardEvents
를 기반으로 입력하는지 여부를
결정
할 수 있습니다.
Android용 Chrome에서는 다른 모바일 브라우저와 맞추기 위해 이제 휴대폰 연결 시 동영상에 대한 기본
preload
속성을
metadata
로 설정하여 미리보기 이미지 및 시간 정보를 표시합니다.
Chrome에서는 이제
TLS 1.3
을 지원하고
draft-18
을 기반으로 하는 1-RTT를 포함합니다.
사이트는
ImageBitmapRenderingContext
를 사용하여
ImageBitmap
형식의 픽셀 데이터를 렌더링하여 메모리 사용량 및 합성 오버헤드를 줄일 수 있습니다.
사이트는
pinch-zoom
CSS
touch-action
속성을 사용하여 손가락 모으기 제스처에 응답할 수 있습니다.
ConstantSourceNode
는
AudioParam
과 혼합된 상수 출력을 생성하는 새로운 오디오 소스 노드입니다.
Web Audio
ChannelSplitterNode
인터페이스
에는 새로운 읽기 전용 특성인
channelCount
가 있습니다. 이 특성은
createChannelSplitter()
에서
numberOfOutputs
로 정의됩니다.
PannerNode.rolloffFactor
가 이제 소스가 듣는 사람으로부터 멀리 이동되는 경우 볼륨 감소율을 규정하는
PannerNode
거리 모델의 공칭 범위로 고정합니다.
window.prompt()
는 페이지가 현재 포그라운드에 있지 않는 경우 해당 상위 탭에 더 이상 포커스를 두지 않습니다.
Windows의 동작과 맞추기 위해 Chrome 확장 프로그램에서는 이제 Mac의 기본 검색, 시작 및 홈페이지 설정을 Chrome
Settings Overrides API
로 재정의할 수 있습니다.
지원 중단 및 상호 운용성 개선 사항
WebAudio API는
speedOfSound
,
dopplerFactor
및
setVelocity
를 비롯하여 지원이 중단된 Doppler API를 더 이상 포함하지 않습니다.
표준 적합성을 향상시키기 위해
RTCPeerConnection
에서는 이제
iceTransportPolicy
를
RTCConfiguration
매개변수로 받으며
iceTransports
도 허용합니다.
webkitRTCPeerConnection
이 여전히 남아 있기는 하지만
RTCPeerConnection
을 이제 webkit 접두사 없이 사용할 수 있습니다.
공백이 아닌 유니코드 제어 문자가 이제 무시되지 않고
사양
에 따라 렌더링됩니다.
reflected-xss
지시문이
X-XSS-Protection
헤더의 래퍼일 뿐이며 다른 추가 기능을 제공하지 않았으므로
콘텐츠 보안 정책 2
에서 제거되었습니다.
MediaStreamTrack.getSources()
메서드 지원 기능이 제거되었으며
MediaDevices.enumerateDevices()
로 대체되었습니다.
CSP
referrer
지시문이 더 이상 지원되지 않으며, 새
Referrer-Policy
헤더로 대체되었습니다.
ShadowDOM의
slotchange
이벤트가 발생해도,
슬롯
의
assignedSlot
에서 더 이상 다시 발생하지 않습니다.
레거시 CBC 모드의
ECDSA
암호화 집합
ECDHE_ECDSA_WITH_AES_128_CBC_SHA
및
ECDHE_ECDSA_WITH_AES_256_CBC_SHA
가 제거되었으며 최신 암호화 집합(예:
ECDHE_ECDSA_WITH_AES_128_GCM_SHA256
)으로 대체되었습니다.
SHA-1에 대한 종속성을 줄이고 TLS 1.3의 새로운 ECDSA 처리에 맞추기 위해 SHA-1 및 SHA-512를 모두 사용하는 ECDSA가 제거되었습니다.
Chrome이 더 이상 터치 스크롤(예:
touchstart
및
touchmove
)을 나타내는 입력이 수행되는 동안 팝업이 열리는 것을 허용하지 않습니다.
link
preload
를 사용하여 선언전 가져오기를 통해 트리거되지 않는 경우 사이트에서 더 이상 유효하지 않은
type
또는
language
특성(예:
type="python"
)이 설정된 스크립트에 대한 가져오기 작업을 시작하지 않습니다
.
MIDIMessageEvent.receivedTime
has been deprecated in favor of
Event.timeStamp
, since
Event.timeStamp
now supports high-resolution monotonic time instead of epoch time.
게시자:
Vincent Scheib, Web Bluetooth Orthodontist
Contents
ML/Tensorflow
Android
Flutter
Web/Chrome
Cloud
Google Play
Community
Game
Firebase
검색
Tag
인디게임페스티벌
정책 세미나
창구프로그램
AdMob
AI
Android
Android 12
Android 12L
Android 13
Android 14
Android Assistant
Android Auto
Android Games
Android Jetpack
Android Machine Learning
Android Privacy
Android Studio
Android TV
Android Wear
App Bundle
bootcamp
Business
Chrome
Cloud
Community
compose
Firebase
Flutter
Foldables
Game
gdg
GDSC
google
Google Developer Student Clubs
Google Play
Google Play Games
Interview
Jetpack
Jetpack Compose
kotlin
Large Screens
Library
ma
Material Design
Material You
ML/Tensorflow
mobile games
Now in Android
PC
Play Console
Policy
priva
wa
wear
Wearables
Web
Web/Chrome
Weeklyupdates
WorkManager
Archive
2024
12월
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