- 이제 Chrome 61에서는 JavaScript 모듈을 기본적으로 지원하므로 모듈식 JavaScript를 작성하는 방식을 통합할 수 있습니다.
- 이제
navigator.share
를 사용하여 네이티브 Android 공유 대화상자를 트리거할 수 있습니다. - 웹 앱에서 사용자가 허용하는 USB 기기에 액세스할 수 있는 WebUSB API가 추가되었습니다.
- 이 외에도 더 많은 기능이 있습니다.
변경사항의 전체 목록을 확인하고 싶으신가요? Chromium 소스 저장소 변경사항 목록을 확인하세요.
저는 피트 르페이지입니다. 자세히 살펴보고 Chrome 61의 개발자를 위한 새로운 기능을 살펴보겠습니다.
JavaScript 모듈
Chrome 61에서는 <script type="module">
요소를 통해 JavaScript 모듈에 대한 네이티브 지원을 추가합니다. 이를 통해 Chrome은 세분화된 종속 항목을 동시에 가져와 캐싱을 활용하고 페이지 간 중복을 방지하고 스크립트가 올바른 순서대로 실행되도록 할 수 있습니다.
<script type="module">
import {addText} from './utils.js';
addText('Modules are pretty cool.');
</script>
이 표준화된 모듈 시스템은 모듈식 JavaScript를 작성하고 웹브라우저에 제공하는 방법을 통합합니다. 향후 Node에서도 동일한 시스템을 사용할 수 있으므로 더 쉽게 등가형 JavaScript를 작성하고 배포할 수 있습니다.
아래 링크에서 모듈 및 모듈의 영향을 받는 JavaScript 측면에 대해 자세히 알아볼 수 있습니다.
Web Share API
사용자가 좋아하는 소셜 네트워크에서 콘텐츠를 쉽게 공유할 수 있도록 하려면 각 소셜 네트워크의 사이트에 공유 버튼을 통합해야 합니다. 페이지가 팽창되고 UI가 항상 잘 맞지는 않으며 서드 파티 사이트의 코드를 포함해야 합니다.
현재 Android용 Chrome에서 제공되는 Web Share API를 사용하면 사용자 기기의 기본 공유 기능을 호출하여 사용자가 설치된 기본 앱과 텍스트나 링크를 쉽게 공유할 수 있습니다.
향후 출시에서는 설치된 웹 앱과도 공유가 가능하도록 이 API의 지원 범위를 확장할 예정입니다.
이 기능을 사용하려면 공유하려는 페이지의 세부정보를 사용하여 navigator.share
를 호출하기만 하면 시스템에서 나머지를 처리합니다.
navigator.share({
title: document.title, text: 'Hello',
url: window.location.href
}).then(() => {
console.log('Successful share');
});
자세한 내용과 따라야 할 권장사항은 폴의 WebShare API 업데이트를 참고하세요.
WebUSB
키보드, 마우스, 프린터, 게임패드 등 대부분의 하드웨어 주변기기는 고급 웹 플랫폼 API에서 지원됩니다. 하지만 브라우저에서 전문화된 교육, 과학, 산업용 또는 기타 USB 기기를 사용하기란 쉽지 않았으며, 종종 특수 드라이버가 필요했습니다.
이제 Chrome에서 WebUSB API를 지원하므로 사용자가 동의한 후 웹 앱이 USB 기기와 통신할 수 있습니다. 보안 및 개인 정보 보호 고려사항과 이를 해결하는 방법에 대해 자세히 알아보려면 WebUSB 사양을 살펴보세요.
자세히 알아볼 준비가 되면 업데이트에 관한 Francois의 WebUSB 게시물을 살펴보세요.
그 외에도 다양한 기능 제공
- 이제
scroll-behavior
CSS 속성으로 스크롤의 부드러움을 지정할 수 있습니다. - 이제 CSS 16진수 색상 값에서 문자열 끝에 숫자를 추가하여 알파 투명도를 지정할 수 있습니다.
- Visual Viewport API를 사용하여 화면 콘텐츠의 상대 위치에 액세스하여 손가락 모으기 및 확대와 같은 복잡한 기능을 더 직접적인 방식으로 노출할 수 있습니다.
이상은 개발자를 위한 Chrome 61의 변경사항 중 일부입니다.
그런 다음 YouTube 채널을 구독하면 새 동영상이 게시될 때마다 이메일 알림을 받게 됩니다.
저는 Pete LePage입니다. Chrome 62가 출시되는 즉시 Chrome의 새로운 기능을 소개해 드리겠습니다.