Safari 및 웹
-
WWDC24 -
20:09 공간 웹을 위해 최적화하기
웹에서 visionOS의 기능을 스마트하게 활용하는 법을 살펴보세요. 선택 영역 강조 표시에 관한 개선 사항, 공간 사진 및 파노라마 이미지를 전체 화면에 표시하는 기능 등 최신 업데이트 내용도 알아봅니다. WebSpeech로 받아쓰기 및 텍스트 말하기를 위한 기존 웹 표준을 활용하고, WebAudio로 공간 사운드스케이프를 구현하고, WebXR로 몰입감 넘치는 경험을 제공하는 방법을 확인해 보세요.
-
16:39 MapKit으로 장소 정보를 효과적으로 활용하기
MapKit 및 MapKit JS로 지도를 앱과 웹사이트에 통합하는 새롭고 효과적인 방법을 확인해 보세요. Place ID를 사용하여 특정 장소를 저장하고 참조할 수 있습니다. 관련성 높은 장소를 더욱 효율적으로 찾을 수 있도록 해주는 향상된 검색 기능에 대해서도 알아보세요. 새로운 Place Card API를 사용하면 고객이 앱에서 바로 목적지를 살펴볼 수 있도록 자세한 장소 정보를 표시할 수 있습니다. 또한 Apple의 간소화된 토큰 권한 설정과 Web Embed API로 웹사이트에 지도를 임베드하는 간단한 방법을...
-
26:16 WebXR로 몰입감 넘치는 웹 경험 빌드하기
WebXR로 visionOS에서 웹사이트에 몰입감 넘치는 경험을 추가할 수 있습니다. visionOS의 입력 기능을 효과적으로 활용하는 WebXR 경험을 빌드하는 방법과 시뮬레이터를 활용하여 WebXR 경험을 macOS에서 테스트하는 방법을 알아보세요.
-
14:24 visionOS용 훑어보기의 새로운 기능
visionOS의 훑어보기 기능으로 앱 내 파일 미리보기 및 편집 경험을 향상할 수 있습니다. 앱 내 훑어보기와 윈도우형 훑어보기를 통합하는 방법을 설명하고, 앱에서 윈도우형 훑어보기 경험을 맞춤화하는 새로운 API를 소개합니다. 훑어보기에서 3D 모델을 표시하는 데 적용된 최신 개선 사항도 함께 알아보세요.
-
-
Tech Talks -
22:48 웹에서 Apple Pay 시작하기
웹사이트에 Apple Pay를 추가하면 고객 경험을 향상할 수 있습니다. Apple Pay를 결제 옵션으로 제시하고, 가맹점 세션을 확인하고, 결제를 승인 및 처리하는 방법을 확인해 보세요. 또한 환경을 구성하고, Apple Pay 데모 사이트를 사용하여 거래를 설정하고, 구현을 테스트하는 방법을 알아보세요.
-
24:57 Build and deploy Safari Extensions for iOS
Safari web extensions for iOS use standard web technologies to provide powerful browser customizations. Learn how you can build an extension that works for iPhone and iPad, and discover how you can publish your extension on the App Store.
-
18:33 Introducing Extensible Enterprise SSO
Single Sign-on ensures your enterprise can implement modern authentication methods without sacrificing ease of use. Learn how to use the Authentication Services framework to expose your redirect and credential SSO services in Safari and native apps on macOS Catalina, iPadOS 13, and iOS 13...
-
4:01 Using Web Inspector with tvOS Apps
With Web Inspector, you can debug web content on several Apple platforms, including tvOS. This video introduces you to Web Inspector's powerful debugging capabilities, and takes you through the features designed to accelerate debugging of TVML content in your tvOS app.
-
5:53 Web Inspector Walkthrough
Web Inspector is packed with features designed to make inspection, debugging and delivery of your web content a breeze. Get an overview of the latest features including major layouts, tabs, buttons, and other capabilities that make Web Inspector a powerful web development tool.
-
5:31 Ensuring Beautiful Rich Links
Website links received in Messages can be made vastly more inviting than a simple text URL. By providing small amounts of metadata in your web pages, links to your website can include rich content such as icons, images and even video. Learn how visitors to your website can share links that look...
-
-
WWDC23 -
16:19 공간 컴퓨팅을 위한 Safari
visionOS용 웹을 발견하고 사람들이 완전히 새로운 방식으로 웹 콘텐츠를 경험할 수 있는 방법을 알아보세요. 공간 컴퓨팅 플랫폼을 강력하게 해주는 유니크한 입력 모델을 탐색하고, 웹사이트를 공간 컴퓨팅에 맞게 최적화할 수 있는 방법을 알아볼 수 있습니다. 새로운 표준이 웹 3D 경험 형성에 어떤 도움을 주고 있는지도 공유합니다.
-
15:55 웹 앱의 새로운 기능
Dock에서 웹 사이트를 바로 열 수 있는 Mac의 웹 앱을 소개합니다. 웹 앱을 맞춤화하면 사용자가 여러분의 사이트를 웹 앱으로 추가해 아주 편리하게 이용할 수 있습니다. Mac용 웹 앱과 iOS 및 iPadOS용 홈 화면 웹 앱에 대한 푸시 알림 및 배지를 활용하는 방법도 공유합니다.
-
35:06 CSS의 새로운 기능
CSS의 최신 개선 사항을 살펴보세요. 광색역 색상 작업과 아름다운 서체 생성, 간결하고 견고한 코드 작성에 필요한 기술과 용례를 배울 수 있습니다. 또한 개발 중인 기능 및 출시 예정인 레이아웃과 서체 기능도 미리 살펴볼 수 있습니다.
-
21:21 Safari 개발자 기능 재발견하기
웹 개발자와 디자이너를 위한 Safari의 풍성한 도구들을 알아볼 시간입니다. 웹 콘텐츠를 검사하고 Responsive Design Mode와 WebDriver에 관해 살펴보고 시뮬레이터와 기기로 작업을 시작하는 방법을 배워 보세요. Vision Pro와 페어링하고, 앱에서 콘텐츠를 검사할 수 있도록 하고, Responsive Design Mode에서 Open with Simulator를 사용하여 웹사이트를 모든 기기에서 테스트하는 방법을 보여 드립니다.
-
21:58 웹 미디어 포맷 살펴보기
Safari 17에서 지원하는 최신 이미지 포맷과 비디오 기술을 소개합니다. 여러분의 웹 사이트에서 JPEG XL, AVIF, HEIC를 어떻게 사용할 수 있는지, 기존 포맷과는 어떤 점이 다른지 알아보세요. 또, Managed Media Source API가 어떻게 Media Source Extensions(MSE)보다 배터리를 덜 소모하는지 알려 드리며, 5G 환경에서 스트리밍 비디오를 더 효율적으로 관리하는 방법도 살펴보겠습니다.
-
28:15 웹 속성의 새로운 기능
웹 속성은 macOS와 iOS, iPadOS의 웹 페이지와 웹 확장 프로그램 및 WKWebViews를 디버깅하고 검사할 때 유용한 도구를 제공합니다. 향상된 서체 검사 도구와 가변 서체 편집 도구, 사용자 설정을 에뮬레이트하는 제어 도구, DOM 노드 트리에 사용되는 요소 배지 및 심볼 중단점과 관련한 최신 소식을 공유해 드립니다.
-
12:12 Safari 확장 프로그램의 새로운 기능
Safari 확장 프로그램의 최신 개선 사항을 확인하세요. 새로운 API를 소개하고, Safari 앱 확장 프로그램의 사이트별 권한을 알아보며, 개인정보 보호 브라우징 및 프로필에서 확장 프로그램이 제대로 작동하는 방법을 공유합니다.
-
-
WWDC22 -
33:27 패스키 소개
보안 업그레이드 시간입니다. 패스키 지원을 추가하여 사용자의 로그인 경험을 보다 빠르고 쉽게 만드는 동시에, 계정 보안을 근본적으로 더욱 향상할 수 있는 방법을 알아보세요. 패스키는 피싱 공격 제거를 위해 구축된 간단하고도 강력한 자격 증명입니다. 패스키가 보안을 염두에 두고 설계된 방식을 소개하고, 사용 방법을 보여드리며, 패스키를 로그인 흐름에 통합하는 방법을 다루고, 이 기능을 도입하기 위해 필요한 플랫폼 및 웹 API에 대해 알아보겠습니다.
-
31:39 Safari 및 WebKit의 새로운 기능
Safari 및 WebKit의 최신 기능을 살펴보고 더 우수하고 강력한 웹 사이트를 만드는 방법을 알아보세요. HTML의 최신 업데이트, CSS 개선 사항, Web Inspector 툴링, 웹 API 등을 살펴보겠습니다.
-
12:09 WeatherKit 소개
앱과 서비스에 유용한 날씨 데이터를 제공하는 WeatherKit을 통해 사용자가 언제나 최신 상태를 확인할 수 있습니다. Swift 및 REST API를 사용하여 현재 날씨 정보, 10일 단위의 시간별 기온 예보, 예상 강수량, 풍량 예보, 자외선 지수를 확인할 수 있는 방법을 알아보세요. 또한 WeatherKit을 통해 사용자의 개인 데이터나 개인 정보 보호를 침해하지 않고도 시기적절하게 지역별 날씨 정보를 제공하는 방법을 알려드립니다.
-
15:00 Safari의 웹 푸시 소개
웹 푸시를 통해 macOS의 Safari에서 웹 사이트 및 웹 앱에 더 우수한 알림 기능을 구현할 수 있습니다. 푸시 API, 알림 API 및 서비스 워커의 웹 표준 기반 조합을 통해 사용자에게 원격으로 알림을 보내는 방법을 보여드리겠습니다.
-
13:18 Apple Maps Server API소개
MapKit, MapKit JS 및 Apple Maps Server API 전반에서 Apple 지도 스택을 구현하여 앱의 매핑 아키텍처를 간소화할 수 있습니다. 이러한 API를 통해 네트워크 호출을 줄이고 전력 효율을 높여 앱의 전체 성능을 향상하는 방법을 알아보세요. 지오코딩 및 예상 도착 시간 API를 이용하여 간단한 매장 로케이터 기능을 빌드하고 API 인증 흐름을 살펴보겠습니다.
-
23:07 Safari 웹 확장 프로그램의 새로운 기능
웹을 탐색하는 사용자에게 보다 우수한 경험을 제공할 수 있도록 Safari 웹 확장 프로그램의 향상된 최신 기능을 사용하는 방법을 알아보세요. 매니페스트 버전 3로 업그레이드하고, 웹 확장 프로그램용 최신 API를 도입하고, 여러 기기에서 확장 프로그램을 동기화하는 방법을 보여드리겠습니다.
-
15:44 CKTool JS 소개
CKTool JS를 사용하여 iCloud 컨테이너를 관리 및 자동화하는 방법을 확인하세요. 컨테이너의 스키마를 관리하고 레코드를 쉽게 수정하며 데이터를 즉석에서 조작할 수 있도록 CKTool JS를 구성하는 방법을 보여드립니다. 또한 자동화 및 툴링 작업 흐름에 CKTool JS를 통합하는 방법을 알아보겠습니다. 이 세션을 최대한 활용하려면 CloudKit 스키마, JavaScript 및 npm을 숙지하시는 것이 좋습니다.
-
12:38 CAPTCHA를 프라이빗 액세스 토큰으로 대체하기
CAPTCHA에 머무르지 마세요! 프라이빗 액세스 토큰은 신원 및 개인 정보를 침해하지 않고도 합법적인 기기 및 사용자로부터의 HTTP 요청을 식별할 수 있도록 하는 강력한 대안입니다. 앱 및 서버에서 이 도구를 활용하여 온라인 거래의 신뢰도를 높이고 개인 정보를 보호하는 방법을 보여드리겠습니다.
-
17:38 Safari Web Inspector 확장 프로그램 만들기
최신 Web Extensions API를 사용하여 Web Inspector에 나만의 도구를 직접 추가하는 방법을 배울 수 있습니다. Web Inspector에 나만의 탭을 만들고, 검사된 페이지에서 JavaScript를 평가하며, 결과를 사용하여 문제를 해결하고 잠재적 문제를 파악하는 방법을 보여드리겠습니다.
-
14:53 웹 손쉬운 사용의 새로운 기능
맞춤형 컨트롤, SSML 및 대화상자 요소를 통해 풍부하고 손쉽게 사용할 수 있는 웹 앱을 빌드하는 기술을 확인하세요. 다양한 보조 기술에 대해 논의하고 이를 사용하여 웹 앱의 손쉬운 사용 여부를 테스트하는 방법을 배울 수 있도록 도와드립니다.
-
23:23 Apple로 로그인 경험 개선
Apple로 로그인을 사용하여 앱에서 안전하고 빠르게 인증하는 방법을 알아보세요. 암호 기반 계정을 안전한 단일 탭 로그인 자격 증명으로 업그레이드하는 방법을 보여드리고, 앱에서 사용자 세션의 변경 사항을 원활하게 처리하는 방법을 살펴보겠습니다. 또한 웹 및 기타 플랫폼에서 Apple로 로그인을 활용할 수 있도록 도와드립니다. 이 세션을 최대한 활용하려면 Apple로 로그인 및 REST API에 대해 숙지하시는 것이 좋습니다. 또한 JavaScript에 대한 기본적인 이해가 필요합니다.
-
8:45 WKWebView의 새로운 기능
웹 콘텐츠를 앱의 인터페이스에 포함할 수 있는 프레임워크인 WKWebView의 최신 업데이트를 살펴봅니다. JavaScript 전체 화면 API의 사용 방법을 보여드리고, CSS 뷰포트 유닛을 살펴보며, 찾기 상호 작용에 대해 자세히 알아봅니다. 또한 콘텐츠 차단 제어, 암호화된 미디어 포함, Web Inspector의 사용에 대한 개선 사항을 안내합니다.
-
-
WWDC21 -
21:44 WKWebView에 추가된 사항 살펴보기
WKWebView의 최신 업데이트를 살펴봅니다. API를 사용하여 JavaScript 없이 웹 콘텐츠를 조작하는 방법, WebRTC 및 다운로드에 도움이 되는 위임을 살펴보고 앱 내에서 풍부한 웹 경험을 쉽게 만드는 방법을 알려 드립니다.
-
38:11 Meet Safari Web Extensions on iOS
Safari Web Extensions use HTML, CSS, and JavaScript to offer people powerful browser customizations — and you can now create them for every device that supports Safari. Learn how to build a Safari Web Extension that works for all devices, and discover how you can convert an existing extension to...
-
14:46 Adopt Quick Note
Learn how you can link your app to Quick Note and help people quickly connect your content to their notes — and their notes to your content. Discover how Quick Note recognizes and links to app content through NSUserActivity, and find out how you can adopt this API in your app. We'll take you...
-
16:55 Explore Safari Web Extension improvements
Learn how you can extend Safari's functionality with Safari Web Extensions. We'll introduce you to the latest WebExtension APIs, explore non-persistent background page support — a particularly relevant topic if you're developing for iOS — and discover how you can use the Declarative Net Request...
-
25:21 암호보다 더 안전한 방법으로 보호하기
암호는 널리 사용되고 있지만, 암호가 가지는 취약점으로 인해 사용자의 온라인 계정을 보호하는 데는 근본적으로 한계가 있습니다. 암호로 인해 발생하는 최신 보안 관련 문제와 이를 극복하는 방법에 대해 자세히 알아보세요. 웹 인증 표준을 사용하여 안전하게 설계된 공개 키 기반 자격 증명으로 계정을 안전하게 보호하는 새로운 기술을 확인하세요. 이 기술 미리보기에서는 Apple이 iOS 15와 macOS Monterey에서 이 표준을 어떻게 적용하고 있는지도 다룹니다.
-
14:32 Secure login with iCloud Keychain verification codes
Learn how you can support on-device verification codes in your app or website for a more secure sign-in experience. We'll explore the latest updates to the iCloud Keychain password manager and discover how verification codes, AutoFill, iCloud Keychain sync, and two-tap setup simplify the...
-
18:21 Build Mail app extensions
Meet MailKit: the best way to build amazing experiences on top of Mail. MailKit enables apps to easily and securely interact with the Mail app for macOS. We'll deep dive into the MailKit API, and show you how to create extensions for composing messages, message actions, secure email, and content...
-
36:32 Develop advanced web content
Develop in JavaScript, WebGL, or WebAssembly? Learn how the latest updates to Safari and WebKit — including language changes to class syntax — can help simplify your development process, enhance performance, and improve security. We'll explore several web APIs that can help provide better...
-
28:40 Discover Web Inspector improvements
Web Inspector provides the tools for you to understand and debug your web pages on macOS, iOS, and iPadOS. We'll take you through the latest features and improvements to Web Inspector, including a new overlay for inspecting CSS Grid containers on your pages, even more configurable breakpoints to...
-
22:31 Meet privacy-preserving ad attribution
Discover how you can measure your ad campaigns in apps and on the web without compromising privacy. We'll introduce you to Private Click Measurement and explore SKAdNetwork, which provides you with a more secure, private, and useful way to measure your app installs.
-
19:51 Accelerate networking with HTTP/3 and QUIC
The web is changing, and the next major version of HTTP is here. Learn how HTTP/3 reduces latency and improves reliability for your app and discover how its underlying transport, QUIC, unlocks new innovations in your own custom protocols using new transport functionality and multi-streaming...
-
12:02 Coordinate media playback in Safari with Group Activities
Create SharePlay experiences that people can enjoy on the web and in your companion app. Learn how you can use the Group Activities framework in combination with a companion website to bring SharePlay to Safari, letting people connect with each other for enjoyable group interactions — even if...
-
33:32 Design for Safari 15
Meet Safari 15: redesigned and ready to help people explore the web. Discover how you can approach designing websites and apps for Safari, and learn how to incorporate the tab bar in your designs. We'll also take you through features like Live Text and accessibility best practices, explore the...
-
-
WWDC20 -
22:57 Configure and link your App Clips
App Clips are small parts of an app that offer a streamlined, direct experience and help people get what they need at the right time. Learn how you can invoke an App Clip through real-world experiences like App Clip Codes, NFC, and QR codes, or have them appear digitally through apps like Maps or...
-
27:47 Meet Safari Web Extensions
When you create a Safari Web Extension, you can help people get common online tasks done more quickly and efficiently. We'll show you how to build a new Safari Web Extension and host it on the App Store, as well as how to use the safari-web-extension-converter tool to migrate existing extensions...
-
24:06 One-tap account security upgrades
When you adopt the Account Authentication Modification Extension, you can provide people with fast, easy account security upgrades to use Sign in with Apple and strong passwords in the iCloud Keychain Password Manager. We'll show you how to add these upgrade flows to your app with the Account...
-
29:30 Broaden your reach with Siri Event Suggestions
Whether you're hosting event information in your app, on the web, or in an email, Siri Event Suggestions can help people keep track of their commitments — without compromising their privacy. We'll show you how to set up your reservations so that they automatically show up in the Calendar app and...
-
36:05 What's new for web developers
Explore the latest features and improvements for Safari and WebKit. We'll walk you through updated web APIs, CSS and media features, JavaScript syntax, and more to help you build great experiences for people when they use your website, home screen web apps, or embedded WebKit views.
-
30:09 Discover WKWebView enhancements
WKWebView is the best way to present rich, interactive web content right within your app. Explore new APIs that help you convert apps using WebViews or UIWebViews while adding entirely new capabilities. Learn about better ways to handle JavaScript, fine tune the rendering process, export web...
-
15:41 Meet Face ID and Touch ID for the web
Face ID and Touch ID provide a frictionless experience when logging in — and now you can use them on your websites in Safari with the Web Authentication API. Discover how to add this convenient and secure login alternative to your website.
-
30:47 Get the most out of Sign in with Apple
Sign in with Apple makes it easy for people to sign in to your apps and websites with the Apple ID they already have. Fully integrate Sign in with Apple into your app using secure requests, and by handling state changes and server notifications. We'll also introduce new APIs that allow you to let...
-
18:38 Shop online with AR Quick Look
AR Quick Look adds a new dimension to online shopping: We'll show you how to easily showcase your products in augmented reality for a "try before you buy" experience. Discover how to display a product banner in AR Quick Look, integrate Apple Pay, or display custom actions like "add to cart". To...
-
23:04 What's new in Universal Links
Universal Links help people access your content, whether or not they have your app installed. Get the details on the latest updates for the Universal Links API, including support for Apple Watch and SwiftUI. Learn how you can reduce the size and complexity of your app-site-association file with...
-
28:09 What's new in Web Inspector
The Web Inspector makes introspection and debugging simpler than ever. Discover how you can use debugger stepping, editing cookies, and overriding network loaded resources to provide you with powerful development capabilities and help you create faster, more efficient websites.
-
14:25 Meet Watch Face Sharing
Show off your watchOS app's complications and create a watch face worth sharing. Learn how to share watch faces inside your watchOS and iOS apps or host them on the web for anyone to find and download. We'll also explore best practices for using watch face preview images, and show you how to...
-
-
WWDC19 -
8:15 Auditing Web Content with Web Inspector
Discover a new way to ensure your web content meets team coding standards and that you can deliver better code even without reliance on automated test systems. Find out how to use the Audit tool in Web Inspector to quickly and easily audit your web content during development so important...
-
13:23 Understanding CPU Usage with Web Inspector
As a developer of web content, you play an important role in fulfilling customer expectations for a high performance web experience while minimizing power use across all their devices. Discover new insights on how you can improve the power efficiency of your webpages in Safari, or embedded web...
-
19:53 What's New in Safari Extensions
Safari Extensions surface your app's unique capabilities within Safari. Discover how the latest features such as content blocking notifications and user interface management and control innovations for pages, tabs, and popovers make your Safari App Extensions and Content Blockers even more...
-
10:39 Supporting Dark Mode in Your Web Content
With system-wide Dark Mode support in iOS and macOS, you'll want to make sure your web content is appropriately styled to reflect your users' preference. Learn techniques to ensure your content looks its best when presented in Safari, embedded in other apps such as Mail, or when used in your...
-
17:09 What's New in Universal Links
Universal Links allow your users to intelligently follow links to content inside your app or to your website. Learn how the latest enhancements in Universal Links give your users the most integrated mobile and desktop experience, even when your app isn't installed on their device.
-
6:43 Embedding and Sharing Visually Rich Links
The new Link Presentation framework enables app developers to easily present URLs in a rich, beautiful, and consistent way. Learn how to use Link Presentation to retrieve metadata from a URL, present the rich link content inside your app, and provide link metadata to the new share sheet...
-
49:44 Introducing Desktop-class Browsing on iPad
iOS 13 brings desktop-class browsing to iPad. With blazing-fast performance, industry-leading security, and modern desktop features, Safari on iPad supports the latest web standards designed and automatically adapts desktop sites and web apps to touch in order to deliver a rich browsing...
-
12:28 What's New for Web Developers
WebKit provides a rich set of classes designed to load, display, and manage web content in your app. Discover how to integrate your web content into powerful platform features including Dark Mode, new presentation features in Share Sheet, JavaScript payment APIs for Apple Pay, and more.
-
8:34 What's New in Safari
The latest version of Safari on macOS and iOS is packed with new capabilities that both web developers and their customers will love. Discover how to take advantage of new features including powerful new Safari Extensions APIs for window, tab, and popover management, content blocking...
-
19:12 What's New in Authentication
Secure sign-in and authentication is a key feature of a secure account-based app design. Learn how you can improve your app's login experiences through an overview of the available authentications services and details on specific technologies such as Sign In with Apple ID, Password AutoFill for...
-
52:46 Adding Indoor Maps to your App and Website
The Indoor Maps Program enables organizations with large public or private spaces to deliver user experiences that provide precise indoor location information and present stunning indoor maps. Discover the overall process in the indoor map enablement workflow then take deep dive into the...
-
-
WWDC15 -
31:24 Introducing Safari View Controller
The new SFSafariViewController class enables you to deliver interactive web content in your app just like Safari, including the key Safari UI elements already familiar to your users. See how to easily bring Safari features like Reader and AutoFill into your app, and provide a great web viewing...
-
-
WWDC14 -
51:04 Adopting Handoff on iOS and OS X
Handoff allows people to seamlessly move activities between devices and pick up right where they left off. Learn how to save, transfer, and restore user activities in apps of all architectures. See how easy it is to add Handoff support to your iOS and OS X apps to make your user experience even...
-