이 페이지는 Cloud Translation API를 통해 번역되었습니다.

Chrome 61의 새로운 기능

Pete LePage

Twitter GitHub Glitch Mastodon 홈페이지

Chrome 61은 이제 자바스크립트 모듈을 기본적으로 지원하므로 모듈식 자바스크립트를 작성하는 방식을 통합했습니다.
이제 navigator.share를 사용하여 네이티브 Android 공유 대화상자를 트리거할 수 있습니다.
WebUSB API가 출시되었습니다. 이를 통해 웹 앱이 사용자가 허용한 USB 기기에 액세스할 수 있습니다.
이 외에도 다양한 기능이 제공됩니다.

변경사항의 전체 목록을 확인하시겠습니까? Chromium 소스 저장소 변경사항 목록을 확인하세요.

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

JavaScript 모듈

Chrome 61에서는 <script type="module"> 요소를 통해 자바스크립트 모듈에 관한 기본 지원이 추가되었습니다. 이렇게 하면 Chrome에서 세분화된 종속 항목을 동시에 가져와 캐싱을 활용하고 페이지 중복을 방지하며 스크립트가 올바른 순서로 실행되도록 할 수 있습니다.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

이 표준화된 모듈 시스템은 모듈식 JavaScript를 작성하고 웹브라우저에 제공하는 방법을 통합합니다. 향후 Node에서 동일한 시스템을 사용할 수 있도록 하여 등형성 자바스크립트를 더 쉽게 작성하고 배포할 수 있게 할 것입니다.

아래 링크에서 모듈 및 모듈의 영향을 받는 자바스크립트 요소에 관해 자세히 알아볼 수 있습니다.

사용자가 즐겨 찾는 소셜 네트워크에서 콘텐츠를 쉽게 공유할 수 있도록 하려면 각 소셜 네트워크의 사이트에 공유 버튼을 통합해야 합니다. 페이지가 팽창하고 UI에 잘 맞지 않을 때도 있으며 서드 파티 사이트의 코드를 포함해야 합니다.

현재 Android용 Chrome에서 사용할 수 있는 Web Share 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 사양을 살펴보세요.

그런 다음 자세히 알아볼 준비가 되면 프랑수아의 WebUSB 게시물 업데이트에 관해 알아보세요.

그 외에도 다양한 기능 제공

이제 scroll-behavior CSS 속성을 사용하여 스크롤을 부드럽게 지정할 수 있습니다.
이제 CSS 16진수 색상 값에서 문자열 끝에 숫자를 추가하여 알파 투명도를 지정할 수 있습니다.
Visual Viewport API를 사용하여 화면 콘텐츠의 상대적 위치에 액세스하여 손가락 모으기 및 확대/축소와 같은 복잡한 기능을 더 직접적인 방식으로 노출할 수 있습니다.

개발자를 위한 Chrome 61의 몇 가지 변경사항을 살펴보았습니다.

그런 다음 YouTube 채널을 구독하면 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.

저는 Pete LePage입니다. Chrome 62가 출시되는 대로 바로 Chrome의 새로운 기능을 소개해 드리겠습니다.