Chrome 56의 새로운 기능

  • 이제 사용자는 저전력 블루투스 기기를 선택하여 웹 블루투스 API를 사용하는 웹사이트에 연결할 수 있습니다.
  • position: sticky가 다시 도입되었습니다. 표시 영역 상단에 고정될 때까지 정상적으로 스크롤되는 요소를 쉽게 만들 수 있습니다.
  • 또한 모든 사용자에게 HTML5 by Default가 사용 설정됩니다.

저는 피트 레페이지입니다. 지금부터 Chrome 56의 개발자를 위한 새로운 기능을 알아보겠습니다.

웹 블루투스 API

지금까지 블루투스 기기가 있는 사용자는 통신하려면 네이티브 앱을 설치해야 했습니다. Chrome 56에서는 사용자가 근처 저전력 블루투스 기기를 선택하여 웹 블루투스 API를 사용하는 웹사이트에 제공할 수 있습니다.

이는 웹사이트와 공유할 파일을 선택하는 것과 마찬가지로, 무엇이든 데이터를 읽을 수 있는 기본 애플리케이션을 설치하는 것보다 더 안전합니다. 사용자는 특정 웹사이트와 언제, 어떤 기기를 공유할지 전적으로 결정할 수 있습니다.

Web Bluetooth 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월 Google은 더 안전하고 전력 효율이 높은 환경을 제공하기 위해 HTML5 By Default로 전환하겠다고 발표한 바 있습니다. 이 변경사항으로 인해 사용자가 특정 사이트의 Flash 콘텐츠를 원한다고 표시하지 않는 한 Adobe Flash Player가 사용 중지되며, 결국 모든 웹사이트에서는 Flash를 실행하기 위해 사용자의 권한이 필요합니다.

Chrome 56에서는 모든 사용자에게 HTML5 By Default가 사용 설정되었습니다. 즉, 사용자가 방문한 적이 없는 사이트에서 Flash를 실행하라는 메시지가 표시됩니다.

사용자에게 메시지가 표시되는 방법 및 시점에 대한 자세한 내용과 Flash 사이트를 테스트하는 방법에 대한 권장사항을 참조하세요.

기타

물론 더 많은 기능이 있습니다.

Chrome에 관한 최신 소식과 출시 소식을 알고 싶다면 트위터에서 @ChromiumDev를 팔로우하고 Chrome Dev Summit 동영상을 확인하여 Chrome팀의 멋진 일들을 자세히 알아보세요.

저는 Pete LePage입니다. Chrome 57이 출시되면 바로 이 자리에서 Chrome의 새로운 기능을 알려드리겠습니다.

Chrome 이스터 에그의 새로운 기능

여기까지 읽었다면 Chrome 52의 새로운 기능에 나오는 실수를 볼 수 있습니다. 입을 열 때마다 트럭이 지나가고 헬리콥터가 날아가고 자동차가 경적을 울리는 것 같았습니다.

그리고 앤드류가 셔츠를 빌려줘서 정말 고마워요. 약간의 옷장 오작동이 있었어요.