# Safari 18.0의 WebKit 기능들

> Clean Markdown view of GeekNews topic #16835. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=16835](https://news.hada.io/topic?id=16835)
- GeekNews Markdown: [https://news.hada.io/topic/16835.md](https://news.hada.io/topic/16835.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2024-09-19T10:48:22+09:00
- Updated: 2024-09-19T10:48:22+09:00
- Original source: [webkit.org](https://webkit.org/blog/15865/webkit-features-in-safari-18-0/)
- Points: 5
- Comments: 0

## Summary

Safari 18.0은 웹 브라우징 경험을 향상시키기 위해 다양한 새로운 기능을 제공합니다. Distraction Control, 비디오 뷰어, iPhone 미러링 및 원격 인스펙션 등으로 사용자 편의성을 높였습니다. 또한, WebXR, CSS 개선, JavaScript 및 Web API 업데이트 등 개발자들에게 유용한 도구와 기능을 제공합니다.

## Topic Body

- Distraction Control: 로그인 배너, 쿠키 팝업, 뉴스레터 가입 오버레이 등 산만한 요소를 숨길 수 있음   
- 비디오 뷰어: 웹 페이지의 주요 비디오 요소를 전체 창으로 확대하고 PIP로 전환할 수 있음  
- 아이폰 미러링 및 원격 인스펙션: iPhone을 Mac 화면에 미러링해 iOS 웹사이트를 더 쉽게 디버깅 가능   
  
### Mac용 웹 앱  
- 웹 앱과 관련된 링크를 Mac의 기본 브라우저가 아닌 해당 웹 앱에서 열 수 있음  
- 웹 앱 내에서 Safari 확장 프로그램 및 콘텐츠 차단기 사용 가능  
  
### CSS  
- View Transitions API로 요소의 상태 간 애니메이션 지원  
- 스타일 쿼리로 CSS 사용자 정의 속성 테스트 가능. 재사용 가능한 스타일 그룹 정의에 유용  
- Relative Color Syntax에서 currentcolor 및 시스템 색상 키워드 사용 가능  
- accent-color에서 부분 투명 색상 블렌딩 지원  
- display 속성의 전환 애니메이션 지원  
- -webkit 접두사 없는 backdrop-filter 지원 및 구현 개선  
- content-visibility로 초기 오프스크린 콘텐츠 생략 제안하여 페이지 로드 속도 향상 가능  
- @media/prefers-contrast의 custom 값 구문 분석 지원  
  
### Spatial Web  
- WebXR로 Apple Vision Pro용 몰입형 VR 경험 제작 가능  
- WebXR transient-pointer 입력 모드로 비전OS의 자연스러운 입력 활용 가능  
- 웹에서 전체 화면 API를 사용하여 공간 사진 및 파노라마 경험 제공 가능  
- 비전OS에서 CSS clip-path로 탭할 수 있는 영역의 모양 제어 가능  
- 비전OS에서 전체 화면 동영상을 현재 환경에 고정하는 기능 지원  
  
### HTML  
- 글쓰기 제안 기능으로 웹에서 인라인 예측 텍스트 지원  
- iOS에서 스위치 컨트롤에 햅틱 피드백 추가   
- macOS에서 날짜 및 시간 입력 필드 유형의 접근성 개선  
- ariaBrailleLabel 및 ariaBrailleRoleDescription 요소 반영 속성 지원  
  
### JavaScript  
- RegExp에서 Unicode 15.1.0 문자 및 v 플래그 지원으로 강력한 유니코드 문자 매칭 가능  
  
### Web API  
- URL.parse()로 구문 분석 실패 시 예외 대신 null 반환  
- Declarative Shadow 트리 지원  
- PopStateEvent의 hasUAVisualTransition로 조각 탐색에 대한 시각적 전환 여부 확인 가능  
- 가져온 모듈 스크립트의 하위 리소스 무결성 지원  
- Request, Response, Blob 및 PushMessageData 객체에 bytes() 메서드 지원  
  
### Canvas  
- getContext()에 willReadFrequently 컨텍스트 특성 지원으로 읽기 작업이 많을 때 성능 개선 가능   
- 2D 캔버스의 currentcolor 지원 확장  
  
### 관리형 미디어 소스  
- 주 스레드가 바쁠 때도 원활한 비디오 재생을 위해 Managed Media Source (MMS) 와 Media Source Extensions (MSE)에 대한 Workers 지원 추가  
  
### WebRTC  
- RFC 7789 RTP 페이로드 형식의 WebRTC HEVC 지원으로 화상 회의 등 개선 가능  
- 전용 워커에서 MediaStreamTrack 처리 및 누락된 WebRTC 통계 지원 추가  
  
### HTTPS  
- 혼합 콘텐츠 설정에서 수동 하위 리소스 요청을 업그레이드하여 모든 이미지, 비디오 및 오디오에 대해 안전한 HTTPS 지원  
  
### WebGL  
- 6개의 새로운 WebGL 확장 지원 추가  
  
### Web Inspector  
- CSS 소스 편집기의 퍼지 검색 코드 완성 지원 추가   
  
### Passkeys  
- 조건부 중재를 사용한 웹 인증 자격 증명 생성 지원으로 기존 계정을 패스키로 자동 업그레이드 가능  
- 관련 출처 간 패스키 사용 지원으로 동일한 자격 증명 백엔드를 공유하는 제한된 도메인에서 동일한 패스키 사용 가능  
- WebAuthn prf 확장 지원으로 사용자 데이터 암호화에 사용할 패스키에서 대칭 키 검색 가능  
  
### 사파리 확장   
- 관리되는 기기의 확장 활성화 상태, 개인 정보 보호 모드 상태 및 웹사이트 액세스에 대한 모바일 기기 관리 지원 추가  
  
### Apple Pay  
- Apple Pay를 통한 자금 이체 지원 추가  
  
### 사용 중단  
- 표준화되지 않은 -webkit 접두사 속성, 다른 브라우저에서 지원하지 않는 오래된 미디어 형식(JPEG2000) 등 제거하여 브라우저 엔진 정렬 및 상호 운용성 개선

## Comments



_No public comments on this page._