Google for Developers Korea Blog: Chrome 42 Beta 의 새로운 변화 - 푸시 알림, 홈 화면에 추가 및 ES6 클래스

Google for Developers Korea Blog

한국의 개발자들을 위한 Google for Developers 국문 블로그입니다.

Chrome 42 Beta 의 새로운 변화 - 푸시 알림, 홈 화면에 추가 및 ES6 클래스

2015년 3월 13일 금요일

John Mellor 및 Michael van Ouwerkerk, 런던 애피스트 소프트웨어 엔지니어
새로운 Chrome Beta 버전에는 ES6 클래스 지원을 포함하여 개발자가 더욱 몰입도 높은 웹 애플리케이션을 개발할 수 있게 해주는 몇 가지 새로운 기능이 포함되어 있습니다. 별도의 언급이 없는 경우, 아래 기술된 변경 사항은 Android, Windows, Mac, Linux 및 Chrome OS용 Chrome에 모두 적용됩니다.

푸시 알림

사용자가 명시적 권한을 부여한 경우 페이지가 닫힌 후에도 사이트에서 사용자에게 네이티브 알림을 푸시할 수 있습니다. 개발자 여러분은 새 푸시 API를 이용하여 Google 클라우드 메시징를 통해 서비스워커를 원격으로 실행시킬 수 있습니다. 깨어난 서비스 작업자는 잠시동안 JavaScript를 실행할 수 있지만, 이번 릴리즈에서는 반드시 사용자가 볼 수 있는 알림을 표시해야 합니다. 각각의 알림은 ‘사이트 설정’ 버튼을 갖고 있으며, 사용자를 해당 사이트의 알람 기능을 손쉽게 끌 수 있습니다. Screen Shot 2015-03-04 at 2.35.05 PM copy.png

Screen Shot 2015-03-04 at 2.35.05 PM copy.png

‘웹 사이트 바로가기’ 추천 기능

Chrome 32 버전부터 Android 사용자는 메뉴 항목을 통해 웹사이트 바로 가기를 추가할 수 있었습니다. 새로운 Chrome 42 버전에서는 사용자가 이 기능을 더욱 잘 활용할 수 있도록, 사용자가 자주 방문하는 웹 앱의 경우 아래 그림과 같이, 화면 상에 자동으로 웹 사이트 바로가기 버튼을 추가할 수 있는 배너가 표시됩니다. 이 배너를 한 번 누르면 홈 화면에 해당 사이트로 바로 갈 수 있는 아이콘이 추가됩니다.

새로운 기능을 활용하기 위해서는 일정한 자격 기준을 만족해야 합니다. 이는 사용자가 원치 않는 배너로 인해 주의가 산만해지는 것을 방지하고, 홈 화면에서 사이트를 실행할 경우 (오프라인에서도) 에도 올바른 사용자 경험을 할 수 있도록 보장하기 위해 마련되었으며, 개발자와 사용자로부터 피드백을 수집함에 따라 지속적으로 진화 될 것 입니다. 현재 이 기능을 활용하고자 하는 사이트는 웹 앱 메니페스트를 제공하고, HTTPS를 사용하여 모든 콘텐츠를 처리하고, 서비스 작업자를 사용하여 최소한 부분적으로 오프라인으로 작동할 수 있어야 합니다.

ECMAScript 6 클래스

많은 개발자 분들이 자바 스크립트의 프로토 타입 기반 상속을 낯설게 생각합니다. 클래스 개념을 에뮬레이션 하기 위한 다양한 라이브러리와 패턴들이 존재하지만, 아직 이를 위한 하나의 통일된 제공되지 않습니다.

ECMAScript6 클래스는 JavaScript에 클래스에 대한 명확하고 표준화된 구문을 제공함으로써 이러한 문제를 해결합니다. 이 새로운 구문은 strict 모드로 작성된 Chrome 42 for JavaScript에서 사용할 수 있습니다.

'use strict';

class Polygon {

constructor(height, width) {

this.name = 'Polygon';

this.height = height;

this.width = width;

}

sayName() {

log('Hi, I am a ', this.name + '.');

}

}

let p = new Polygon(300, 400);

이 릴리스에 포함된 기타 업데이트

DevTools를 통해 개발자가 스타일 창에서 직접 입방형 3차원 곡선을 시각적으로 편집할 수 있으므로, 애니메이션을 더 쉽게 이해하고 수정할 수 있습니다.

Window Context, 공유 작업자, 전용 작업자상에서 Fetch API를 사용할 수 있습니다. 새로운 promise 기반 표준에 따라 AJAX 요청을 할 수 있습니다.

OfflineAudioContext 인스턴스의 StartRendering 메서드가 오디오가 렌더링을 완료하는 시간을 분석하는 promise를 반환하므로, 웹 오디오 API를 사용하는 웹 앱을 더 쉽게 디자인할 수 있습니다.

AudioBufferSourceNode.buffer를 두 번 이상 설정할 수 없으므로, 새 소스가 시작할 때 개발자가 통제하지 못하는 상황을 방지합니다.

Chrome OS 가 screen.orientation 을 지원하며, 디바이스의 오리엔테이션이 변경 될 때 DeviceOrientationEvent 가 발생합니다. 개발자 여러분을 이 이벤트를 수신하여 오리엔테이션 변화에 적절히 반응하는 웹사이트를 만들 수 있습니다.

업데이트된 Encrypted Media Extension 구현이 추가되며, 이를 통해 미디어 사이트는 적절한 디지털 권한 관리 시스템을 찾아 상호작용할 수 있습니다.

새로운 콘텐츠 설정을 통해 사용자가 비주력 플러그인 콘텐츠를 자동으로 일시 중지하여 에너지를 절약할 수 있습니다. 개발자가 이를 활성화하여 콘텐츠와 어떤 방식으로 상호작용하는지 테스트할 수 있습니다.

이전처럼 Chrome의 개발자 기능 개요 전문은 chromestatus.com/features를 참고하시기 바랍니다. 또한, +Google Chrome Developers를 방문하시면 최신 업데이트를 확인할 수 있습니다.

Contents

ML/Tensorflow
Android
Flutter
Web/Chrome
Cloud
Google Play
Community
Game
Firebase

검색

Tag

Archive

2024
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2023
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2022
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2021
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2020
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2019
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2018
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2017
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2016
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2015
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2014
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2013
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2012
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 3월
- 2월
- 1월

2011
- 12월
- 11월

Feed

Google
Privacy
Terms