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

Chrome 61의 새로운 기능

Pete LePage

이제 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 측면에 대해 자세히 알아볼 수 있습니다.

사용자가 좋아하는 소셜 네트워크에서 콘텐츠를 쉽게 공유할 수 있도록 하려면 각 소셜 네트워크의 공유 버튼을 사이트에 통합해야 합니다. 페이지에 불필요한 요소를 추가하고 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 사양을 살펴보세요.

그런 다음 시작할 준비가 되면 업데이트에 관한 프랑소와의 WebUSB 게시물을 살펴보세요.

그 외에도 다양한 기능 제공

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

이는 개발자용 Chrome 61의 변경사항 중 일부에 불과합니다.

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

저는 펫 르페이지입니다. Chrome 62가 출시되는 대로 Chrome의 새로운 기능을 바로 알려드리겠습니다.