- 이제 맞춤 요소 v1을 사용하여 자체 맞춤 HTML 태그를 만들고 재사용 가능한 웹 구성요소를 만들 수 있습니다.
- BroadcastChannel API를 사용하면 동일한 출처의 열려 있는 창이나 탭 간에 메시지를 더 쉽게 보낼 수 있습니다.
- 이제 Android에서 미디어 환경이 개선되고 외부 가져오기를 출처 체험판으로 사용할 수 있습니다.
저는 피트 르페이지입니다. Chrome 54에서 개발자를 위해 새롭게 제공되는 기능을 살펴보겠습니다.
맞춤 요소 v1
복잡한 사용자 인터페이스에는 종종 많은 양의 HTML이 필요합니다. 대부분의 언어에서는 개발자가 언어 프리미티브를 기반으로 자체 구성요소를 만들어 이러한 종류의 장황함을 완화할 수 있습니다. 하지만 지금까지 웹에서 재사용 가능한 구성요소를 만드는 것은 쉽지 않았습니다.
맞춤 요소를 사용하면 자체 맞춤 HTML 태그를 만들고 JavaScript에서 새 요소의 API 및 동작을 정의할 수 있습니다. 그 결과 재사용 가능하고 상호 운용 가능한 구성요소를 빌드하는 브라우저 기반 방법이 탄생했습니다.
Chrome 54는 최신 맞춤 요소 V1 사양을 지원하며, 충분한 수의 개발자가 V1로 전환할 때까지 V0 API를 계속 지원할 예정입니다.
커스텀 요소에 관한 입문서에서 커스텀 요소를 사용하여 사이트 또는 애플리케이션용으로 재사용 가능한 웹 구성요소를 만드는 방법을 알아보세요.
BroadcastChannel API
데스크톱 사용자는 여러 창이나 탭을 동시에 열어 두는 경우가 많으며, 자체 탭에서 문서를 여는 웹 편집기와 같이 이러한 동작을 권장하는 사이트도 있습니다.
이러한 탭 간에 통신하기는 쉽지 않습니다. BroadcastChannel API는 창, 탭, iframe, 웹 워커, 서비스 워커 간의 새로운 일대다 메시지 전송 API입니다. 이를 통해 스크립트는 이름이 지정된 채널을 설정하여 동일한 출처의 브라우징 컨텍스트 간에 메시지를 전송할 수 있습니다.
기타 BroadcastChannel 리소스
requestFullScreen
미디어는 탐색 환경에서 점점 더 중요한 부분이 되고 있습니다.
이제 사용자 동작 외에도 Element.requestFullScreen()를 사용하여 화면 방향 변경 후 전체 화면 모드를 트리거할 수 있으며, 전체 화면으로 회전하는 등 더 풍부한 미디어 환경을 만들 수 있습니다.
외부 가져오기
API 제공업체, 웹 글꼴 서비스 또는 기타 서비스와 같이 일반적으로 사용되는 출처에 자체 서비스 워커를 배포할 수 있는 기능이 있다고 가정해 보겠습니다.
제공업체는 항상 네트워크로 이동하는 대신 자체 맞춤 네트워킹 로직을 구현하고 응답을 저장하기 위해 단일 공신력 있는 캐시 인스턴스를 활용할 수 있습니다.
이제 Chrome 54에서 출처 체험판으로 제공되는 외부 가져오기를 통해 이 기능을 사용할 수 있습니다. 아래 댓글에 링크된 제프리의 게시물을 확인하세요.
마무리
이는 개발자용 Chrome 54의 변경사항 중 일부일 뿐입니다.
설명에서 자세한 내용을 확인하고 문서 및 사양 링크를 확인하세요.
11월 10일과 11일에 YouTube에서 스트리밍할 Chrome 개발자 서밋도 놓치지 마세요.
Chrome의 최신 소식을 확인하고 향후 출시될 기능을 알아보려면 위의 구독 버튼을 클릭하세요.
저는 펫 르페이지입니다. Chrome 55가 출시되는 대로 Chrome의 새로운 기능을 바로 알려드리겠습니다.