주제 가이드
Safari 및 웹
WebKit, Safari, CSS, 웹 앱, 확장 프로그램과 오픈 웹을 Apple 플랫폼에 연결하는 기술을 살펴보세요.
Safari 및 웹 세션은 브라우저 엔진, 표준, 개발자 도구, 확장 프로그램과 일급 앱처럼 작동하는 웹 경험을 다룹니다. 이 모음에서 새로운 기능과 호환성 작업을 함께 확인하세요.
- 세션
- 18
- 2026
- 7
- 2025
- 7
- 2024
- 4
이 주제에서 다루는 내용
- WebKit과 최신 웹 표준
- Safari 확장 프로그램과 웹 앱
- 성능, 디버깅, 호환성
WWDC 2026
7 개 세션- CSS Grid Lanes 배우기모든 모양과 크기의 콘텐츠를 수용하는 적응형 웹 레이아웃을 만드세요. Grid Lanes를 사용해 모양이 다른 요소를 간단한 CSS로 깔끔하고 유연한 디자인에 배치하는 방법을 살펴봅니다. flow-tolerance로 레이아웃의 유연성을 유지하면서 손쉬운 사용을 다듬는 방법도 알아보세요.
- HTML Model Element 시작하기model 요소가 iOS, iPadOS, macOS, visionOS의 웹사이트에 대화형 3D 콘텐츠를 제공하는 방법을 알아보세요. 3D 에셋을 만들고 최적화하는 도구를 살펴봅니다. model 요소의 기능을 알아보고 웹 표준이 웹 3D의 미래를 만들어 가는 방식을 확인하세요.
- HTML select 요소 다시 알아보기웹의 select 메뉴 스타일을 완전히 제어하는 방법을 알아보세요. HTML select 요소는 새로운 CSS appearance 값과 새로운 의사 요소로 크게 향상됩니다. select 옵션에 풍부한 콘텐츠를 포함할 수 있는 HTML의 새로운 가능성을 살펴보세요. 기본 요소의 손쉬운 사용과 강력함을 모두 유지하면서 디자인 시스템과 어울리는 select를 만들어 보세요.
- Safari 27용 WebKit의 새로운 기능Grid Lanes와 Customizable Select부터 HTML Model, Immersive Environments, Web Extensions의 최신 기능까지 WebKit의 새로운 기능을 살펴보세요. 웹을 더 안정적으로 만드는 1,000개가 넘는 브라우저 엔진 개선 작업도 알아봅니다.
- Safari 및 웹 기술 그룹 랩온라인에서 Apple 엔지니어와 함께 WWDC26을 자세히 살펴보고, 질문하고, 조언을 얻고, 이번 주 가장 큰 Safari 및 웹 기술 발표에 관한 토론을 따라가 보세요. 영어로 진행됩니다.
- Safari용 웹 확장 프로그램 만들기Xcode 없이 Safari 웹 확장 프로그램을 처음부터 만들고 테스트하며 시작해 보세요. 콘텐츠 차단, 페이지 수정, 네이티브 메시징, 권한 모드가 함께 작동해 플랫폼 전반에서 강력하고 개인정보를 보호하는 브라우징 경험을 만드는 방식을 살펴봅니다.
- visionOS의 몰입형 웹사이트 환경 살펴보기JavaScript의 새로운 Immersive API를 사용해 Apple Vision Pro에서 웹사이트 방문자를 가상 환경으로 이동시키세요. 인라인 model 요소에서 몰입형 전환을 요청하고, 동영상 도킹 같은 기능으로 매력적인 몰입형 경험을 만들고, 실제 크기의 풍부한 경험에 맞게 성능을 최적화하는 방법을 살펴봅니다. 웹사이트에서 실행되는 코드 몇 줄이면 됩니다.
WWDC 2025
7 개 세션- Declarative Web Push 더 알아보기Declarative Web Push로 알림을 더 안정적으로 전달하는 방법을 알아보세요. 기존 표준을 기반으로 효율성과 투명성을 설계 단계부터 높이면서 기존 Web Push와의 하위 호환성을 유지하는 방법을 살펴봅니다.
- Safari 및 WebKit의 새로운 기능Safari와 WebKit의 최신 웹 기술로 놀라운 경험을 만드는 방법을 알아보세요. 스크롤 기반 애니메이션, 문서 간 뷰 전환, 앵커 위치 지정 등 여러 CSS 기능과 작동 방식을 살펴봅니다. 오디오, 동영상, 이미지, 아이콘 전반의 새로운 미디어 지원도 알아봅니다.
- SwiftUI용 WebKit 알아보기WebKit을 사용해 웹 콘텐츠를 SwiftUI 앱에 손쉽게 통합하는 방법을 알아보세요. 웹 콘텐츠를 불러와 표시하고, 웹페이지와 통신하는 방법 등을 배웁니다.
- WebGPU로 GPU 컴퓨팅 활용하기WebGPU API가 그래픽 및 범용 연산을 위해 GPU 기기에 안전하게 접근하도록 하는 방법을 알아보세요. GPU 프로그램을 작성하기 위한 WGSL 셰이딩 언어도 살펴봅니다. 데스크톱과 모바일 기기에서 전력 사용을 최소화하면서 최적의 성능을 얻는 권장 사항을 자세히 알아봅니다.
- visionOS 26의 새로운 기능visionOS 26의 흥미로운 새 기능을 살펴보세요. 향상된 볼륨 API를 알아보고 SwiftUI, RealityKit, ARKit의 강점을 결합하는 방법을 배웁니다. 더 빠른 손 추적과 공간 액세서리 입력을 사용해 더 매력적인 앱과 게임을 만드는 방법을 알아보세요. SharePlay, Compositor Services, 몰입형 미디어, 공간 웹, Enterprise…
- 공간 웹의 새로운 기능visionOS 26 웹의 최신 공간 기능을 알아보세요. 완전히 새로운 HTML model 요소로 인라인 3D 모델을 표시하는 방법을 설명합니다. 모델 조명, 상호 작용, 애니메이션 등 강력한 기능도 공유합니다. 360도 동영상과 Apple Immersive Video처럼 새롭게 지원되는 몰입형 미디어를 웹사이트에 삽입하는 방법을 알아보세요. 웹페이지에 맞춤형 환경을…
- 웹에서 신원 확인 문서 검증하기Digital Credentials로 온라인 신원 확인 흐름을 향상하는 방법을 알아보세요. 웹사이트에서 Digital Credentials API를 통합해 Wallet의 신분증 정보를 요청하는 방법을 설명합니다. 새로운 IdentityDocumentServices 프레임워크로 앱에서 온라인 확인을 위한 자체 신원 확인 문서를 제공하는 방법도 살펴봅니다.
WWDC 2024
4 개 세션- MapKit으로 장소의 가능성 활용하기MapKit 및 MapKit JS로 지도와 앱 및 웹사이트를 통합하는 강력한 새 방법을 알아보세요. Place ID를 사용해 고유한 장소를 저장하고 참조하는 방법을 배웁니다. 관련 장소를 더 효율적으로 찾게 해 주는 검색 개선 사항을 확인하세요. 앱 안에서 고객이 목적지를 살펴볼 수 있도록 장소의 풍부한 정보를 표시하는 새로운 Place Card API도 소개합니다…
- WebXR로 몰입형 웹 경험 만들기WebXR을 사용해 visionOS의 웹사이트에 완전한 몰입형 경험을 추가하는 방법을 알아보세요. visionOS의 입력 기능을 최대한 활용하는 WebXR 경험을 만들고, Simulator를 사용해 macOS에서 WebXR 경험을 테스트하는 방법을 살펴봅니다.
- visionOS용 Quick Look의 새로운 기능visionOS의 Quick Look으로 앱의 파일 미리 보기 및 편집 경험을 향상하는 방법을 알아보세요. 앱 내 Quick Look과 윈도우형 Quick Look의 통합을 설명하고, 앱에서 윈도우형 Quick Look 경험을 맞춤 설정하는 새로운 API를 소개합니다. Quick Look에서 3D 모델을 볼 때 사용할 수 있는 최신 개선 사항도 공유합니다.
- 공간 웹에 맞게 최적화하기웹에서 visionOS 기능을 최대한 활용하는 방법을 알아보세요. 선택 영역 강조 개선, 공간 사진 및 파노라마 이미지의 전체 화면 표시와 같은 최신 업데이트를 살펴봅니다. WebSpeech를 이용한 받아쓰기와 텍스트 음성 변환, WebAudio를 이용한 공간 음향, WebXR을 이용한 몰입형 경험 등 기존 웹 표준을 활용하는 방법을 알아봅니다.