- 이제 사용자는 Web Bluetooth API를 사용하는 웹사이트에 연결할 저전력 블루투스 기기를 선택할 수 있습니다.
position: sticky가 다시 돌아왔습니다. 이제 표시 영역 상단에 고정될 때까지 정상적으로 스크롤하는 요소를 쉽게 만들 수 있습니다.- 또한 기본적으로 HTML5가 모든 사용자에게 사용 설정됩니다.
저는 피트 르페이지입니다. Chrome 56에서 개발자를 위해 새롭게 제공되는 기능을 살펴보겠습니다.
Web Bluetooth API
지금까지 블루투스 기기를 사용하는 사용자는 기기와 통신하기 위해 네이티브 앱을 설치해야 했습니다. Chrome 56을 사용하면 사용자가 주변의 저전력 블루투스 기기를 선택하여 Web Bluetooth API를 사용하는 웹사이트에 제공할 수 있습니다.
웹사이트와 공유할 파일을 선택하는 것과 마찬가지로, 이는 모든 항목에서 데이터를 읽을 수 있는 네이티브 애플리케이션을 설치하는 것보다 안전합니다. 사용자는 특정 웹사이트와 공유되는 기기와 시점을 완전히 제어할 수 있습니다.
웹 블루투스 API는 GATT 프로토콜을 사용합니다. 이를 통해 앱은 몇 줄의 JavaScript만으로 전구, 장난감, 심박수 모니터, LED 디스플레이와 같은 기기에 연결할 수 있습니다. 웹 블루투스를 피지컬 웹 비콘과 결합하여 근처 기기를 더 쉽게 검색할 수도 있습니다.
프랑소와의 업데이트 관련 도움말을 확인하고 함께 제공되는 멋진 데모도 살펴보세요.
CSS position: sticky;
이전에는 표시 영역의 맨 위에 고정할 때까지 정상적으로 스크롤한 콘텐츠 헤더를 빌드하려면 스크롤 이벤트를 수신하고 지정된 임계값에서 요소의 위치를 상대에서 고정으로 전환해야 했습니다. 동기화하기 어려웠고 시각적으로 스크롤 위치가 조금씩 점프하는 듯한 느낌을 주어 보기 불편했습니다.
이제 Chrome에서는 요소의 위치를 지정하는 새로운 방법인 CSS position: sticky;를 지원합니다.
고정된 위치의 요소는 상대적으로 시작되지만 요소가 특정 스크롤 위치에 도달하면 고정됩니다.
position: sticky를 설정하고 고정되기 위한 임곗값을 설정하기만 하면 됩니다.
h3 {
/* Element will be 'fixed' when it ... */
position: sticky;
/* ... is 10px from the top of the viewport */
top: 10px;
}
폴 킨란이 이에 관한 업데이트 게시물을 작성했습니다.
HTML5 기본값
작년 8월, YouTube는 더욱 안전하고 전력 효율이 높은 환경을 제공하기 위해 HTML5 By Default로 전환할 것이라고 발표했습니다. 이번 변경에 따라 사용자가 특정 사이트에서 Flash 콘텐츠를 원한다고 지정하지 않았다면 Adobe Flash Player가 비활성화되며, 결국 모든 웹사이트에서 Flash 실행 시 사용 권한이 있어야 실행할 수 있게 됩니다.
Chrome 56에서는 모든 사용자에게 기본적으로 HTML5가 사용 설정되었습니다. 즉, 사용자가 방문한 적이 없는 사이트에서 Flash를 실행하라는 메시지가 표시됩니다.
사용자에게 메시지가 표시되는 방식 및 시점에 관한 자세한 내용과 Flash 사이트를 테스트하는 방법에 관한 권장사항
기타
물론 그 외에도 많은 기능이 있습니다.
- WebVR은 Origin Trial로 제공됩니다.
- 이제 WebGL 2.0 API를 사용할 수 있습니다.
- 또한 Payment Request API에는 다양한 새로운 기능이 있습니다.
Chrome의 최신 소식을 확인하고 향후 출시될 기능을 알아보려면 구독하고 트위터에서 @ChromiumDev를 팔로우하세요. Chrome 개발자 회의 동영상을 확인하면 Chrome팀에서 진행 중인 멋진 기능을 자세히 살펴볼 수 있습니다.
저는 펫 르페이지입니다. Chrome 57이 출시되는 대로 Chrome의 새로운 기능을 바로 알려드리겠습니다.
Chrome의 새로운 기능 이스터 에그
여기까지 읽으셨다면 Chrome 52의 새로운 기능의 실수 모음 리엘을 시청하실 자격이 있습니다. 입을 열 때마다 트럭이 지나가고 헬리콥터가 날고 자동차가 경적을 울리는 것 같았습니다.
그리고 앤드류님, 셔츠를 빌려주셔서 감사합니다. 의상 관련 문제가 있었습니다.