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

Chrome 57의 새로운 기능

Pete LePage

Twitter GitHub Glitch Mastodon 홈페이지

Chrome 57에서는 새로운 CSS 그리드 레이아웃 사양인 display: grid 지원이 추가되었습니다.
이제 새로운 Media Session API를 사용하여 잠금 화면 및 알림의 사용자 입력을 맞춤설정하고 응답할 수 있습니다.
이 외에도 많은 기능이 제공됩니다.

저는 피트 르페이지입니다. 지금부터 Chrome 57의 개발자를 위한 새로운 기능을 알아보겠습니다.

CSS 그리드 레이아웃

Flexbox는 강력한 레이아웃 도구입니다. 여러 복잡한 레이아웃을 만들 수 있지만 한 차원에서만 레이아웃을 실행할 수 있습니다. Chrome 57에서는 display: grid 지원이 추가되었습니다. 새로운 CSS 그리드 레이아웃 사양은 반응형 사용자 인터페이스 디자인에 최적화된 2차원 그리드 기반 레이아웃 시스템을 만들기 위한 강력한 새 도구를 추가합니다.

그리드 내의 요소는 여러 열이나 행에 걸쳐 있을 수 있습니다. CSS 그리드의 영역에도 이름을 지정할 수 있으므로 레이아웃 코드를 더 쉽게 이해할 수 있습니다.

Surma에는 관련 업데이트 게시물이 있습니다. 더 자세히 살펴볼 준비가 되면 레이첼 앤드류의 사이트(GridByExample.com)를 확인하세요.

Media Session API

웹 미디어 애플리케이션에서 누락된 기능 중 하나는 휴대기기의 핵심 미디어 환경과 긴밀하게 통합하는 기능입니다. 이제 Android용 Chrome에서 새로운 Media Session API를 사용하여 미디어 콘텐츠가 있는 잠금 화면과 알림을 맞춤설정할 수 있습니다.

재생 중인 콘텐츠에 관한 메타데이터를 브라우저에 제공하여 제목, 아티스트, 앨범 이름, 아트워크와 같은 정보가 포함된 풍부한 잠금 화면 메시지를 만들 수 있습니다. 탐색 또는 건너뛰기와 같이 알림 자체에서 실행되는 사용자 작업을 수신 대기하고 이에 응답할 수도 있습니다.

빠르게 시작하려면 프랑수아에게 유용한 업데이트 게시물을 참고하거나 GitHub의 공식 Chrome 미디어 세션 샘플 저장소를 확인하세요.

그 외에도 다양한 기능 제공

이 외에도 다양한 기능이 있습니다.

Payment Request API가 몇 가지 개선되었습니다.
caret-color 속성을 사용하여 텍스트 입력 커서의 색상을 지정할 수 있습니다.
선 색상 및 스타일과 같은 시각 효과는 새로운 text-decoration 속성으로 지정할 수 있습니다.
이제 Fetch API 응답 클래스에서 .redirected 속성을 지원하여 신뢰할 수 없는 응답을 방지하고 리디렉션이 열리는 위험을 줄입니다.
M38에서 -webkit- 접두사가 붙은 모든 IndexedDB 전역 별칭이 지원 중단된 후에 삭제되었습니다.
제가 가장 좋아하는 것 중 하나는 콘솔 출력을 정렬하거나 고정된 자릿수로 숫자를 출력할 때 문자열 패딩을 단순화하는 새로운 padStart 및 padEnd 형식 지정 메서드입니다.

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

이갈리아에게 감사 인사

끝으로, Blink와 관련된 놀라운 일을 이갈리아의 엔지니어와 팀에 감사의 뜻으로 전합니다. 새로운 CSS 그리드와 caret-color 기능을 도입하는 데 중요한 역할을 했습니다.

Chrome 57의 새로운 기능

CSS 그리드 레이아웃

Media Session API

그 외에도 다양한 기능 제공

이갈리아에게 감사 인사

최신 정보 확인