View in English

  • Apple Developer
    • 시작하기

    시작하기 탐색

    • 개요
    • 알아보기
    • Apple Developer Program

    알림 받기

    • 최신 뉴스
    • Hello Developer
    • 플랫폼

    플랫폼 탐색

    • Apple 플랫폼
    • iOS
    • iPadOS
    • macOS
    • tvOS
    • visionOS
    • watchOS
    • App Store

    피처링

    • 디자인
    • 배포
    • 게임
    • 액세서리
    • 웹
    • 홈
    • CarPlay
    • 기술

    기술 탐색

    • 개요
    • Xcode
    • Swift
    • SwiftUI

    피처링

    • 손쉬운 사용
    • 앱 인텐트
    • Apple Intelligence
    • 게임
    • 머신 러닝 및 AI
    • 보안
    • Xcode Cloud
    • 커뮤니티

    커뮤니티 탐색

    • 개요
    • Apple과의 만남 이벤트
    • 커뮤니티 주도 이벤트
    • 개발자 포럼
    • 오픈 소스

    피처링

    • WWDC
    • Swift Student Challenge
    • 개발자 이야기
    • App Store 어워드
    • Apple 디자인 어워드
    • 문서

    문서 탐색

    • 문서 라이브러리
    • 기술 개요
    • 샘플 코드
    • 휴먼 인터페이스 가이드라인
    • 비디오

    릴리즈 노트

    • 피처링 업데이트
    • iOS
    • iPadOS
    • macOS
    • watchOS
    • visionOS
    • tvOS
    • Xcode
    • 다운로드

    다운로드 탐색

    • 모든 다운로드
    • 운영 체제
    • 애플리케이션
    • 디자인 리소스

    피처링

    • Xcode
    • TestFlight
    • 서체
    • SF Symbols
    • Icon Composer
    • 지원

    지원 탐색

    • 개요
    • 도움말
    • 개발자 포럼
    • 피드백 지원
    • 문의하기

    피처링

    • 계정 도움말
    • 앱 심사 지침
    • App Store Connect 도움말
    • 새로 추가될 요구 사항
    • 계약 및 지침
    • 시스템 상태
  • 빠른 링크

    • 이벤트
    • 뉴스
    • 포럼
    • 샘플 코드
    • 비디오
 

비디오

메뉴 열기 메뉴 닫기
  • 컬렉션
  • 전체 비디오
  • 소개

더 많은 비디오

  • 소개
  • 요약
  • 코드
  • WidgetKit 기초

    위젯은 시스템 전반에서 앱의 중요한 콘텐츠를 강조하여 사용자에게 또 다른 참여 기회를 제공합니다. 위젯의 다양한 유형을 알아보고 기억에 남게 만드는 특성을 살펴보세요. 어떻게 위젯을 생성하고 최신 상태로 유지하며, 앱 인텐트와 동적 스타일링을 통해 사용자가 위젯을 맞춤 설정할 수 있는 다양한 방법을 제공할 수 있는지 알아보세요.

    챕터

    • 0:01 - Introduction
    • 1:03 - Fundamentals
    • 13:15 - Integrate with your app
    • 17:04 - Adapt with the system

    리소스

      • HD 비디오
      • SD 비디오

    관련 비디오

    WWDC26

    • 실시간 현황 기초

    WWDC25

    • 위젯의 새로운 기능

    WWDC23

    • 위젯 구현하기
    • App Intent 개선 사항 살펴보기

    WWDC21

    • 훌륭한 위젯의 원리
  • 비디오 검색…
    • 3:50 - DailyReadingGoalWidget

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
          
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
              }
          }
      }
    • 12:25 - Supported Families

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
      
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
              }
              .supportedFamilies([.systemMedium])
          }
      }
    • 14:03 - Adding deep links

      struct DailyReadingGoalWidget: Widget {
          let kind = "DailyReadingGoalWidget"
      
          var body: some WidgetConfiguration {
              StaticConfiguration(
                  kind: kind,
                  provider: DailyReadingGoalProvider()
              ) { entry in
                  DailyReadingGoalView(book: entry.book,
                                       message: entry.message,
                                       timeOfDay: entry.timeOfDay)
                  .environment(\.colorScheme, .dark)
                  .containerBackground(for: .widget) {
                      Background()
                  }
                  .widgetURL(URL(string: "bookclub://reading/\(book.bookID)"))
              }
              .supportedFamilies([.systemMedium])
          }
      }
    • 18:17 - Accented rendering mode

      struct BookCoverImage: View {
          let imageName: String
      
          var body: some View {
              Image(imageName: bundle: .main)
                  .widgetAccentedRenderingMode(.fullColor)
          }
      }
    • 0:01 - Introduction
    • Widgets highlight your app's most important content across the system. The best widgets are glanceable, relevant, and personalizable. Learn how to build your first widget and keep it up to date, extending the reach of your app across platforms with WidgetKit and SwiftUI.

    • 1:03 - Fundamentals
    • Widgets should be glanceable, relevant, and personalizable. They are built by creating a widget extension that exposes a timeline of TimelineEntry values. Each TimelineEntry provides the data to render a SwiftUI view at a particular moment in time. Learn how to define a widget with a StaticConfiguration or AppIntentConfiguration, build a quality TimelineProvider, and select a timeline reload policy to keep your widget up to date. Discover the various sizes and placements for widgets with .supportedFamilies — including the new systemExtraLargePortrait family coming to macOS, iOS, and iPadOS 27.

    • 13:15 - Integrate with your app
    • WidgetKit offers three key integration points to tighten the connection between a widget and your app. Deep links route taps directly to specific content in your app. Configurable widgets let people personalize widget content. Interactive elements that let people perform the most important actions from within your app using App Intents.

    • 17:04 - Adapt with the system
    • Widgets are dynamic and adapt with the system appearance modes like full color, tinted, and clear. SwiftUI handles most of the adaptation automatically, though you can customize the behavior of particular Views with the .widgetAccentedRenderingMode(.fullColor) modifier. Learn techniques to test your widgets for considerations with appearance modes and budgeted reloads.

Developer Footer

  • 비디오
  • WWDC26
  • WidgetKit 기초
  • 메뉴 열기 메뉴 닫기
    • iOS
    • iPadOS
    • macOS
    • tvOS
    • visionOS
    • watchOS
    메뉴 열기 메뉴 닫기
    • Swift
    • SwiftUI
    • Swift Playground
    • TestFlight
    • Xcode
    • Xcode Cloud
    • SF Symbols
    메뉴 열기 메뉴 닫기
    • 손쉬운 사용
    • 액세서리
    • Apple Intelligence
    • 앱 확장 프로그램
    • App Store
    • 오디오 및 비디오(영문)
    • 증강 현실
    • 디자인
    • 배포
    • 교육
    • 서체(영문)
    • 게임
    • 건강 및 피트니스
    • 앱 내 구입
    • 현지화
    • 지도 및 위치
    • 머신 러닝 및 AI
    • 오픈 소스(영문)
    • 보안
    • Safari 및 웹(영문)
    메뉴 열기 메뉴 닫기
    • 문서(영문)
    • 튜토리얼
    • 다운로드
    • 포럼(영문)
    • 비디오
    메뉴 열기 메뉴 닫기
    • 지원 문서
    • 문의하기
    • 버그 보고
    • 시스템 상태(영문)
    메뉴 열기 메뉴 닫기
    • Apple Developer
    • App Store Connect
    • 인증서, 식별자 및 프로파일(영문)
    • 피드백 지원
    메뉴 열기 메뉴 닫기
    • Apple Developer Program
    • Apple Developer Enterprise Program
    • App Store Small Business Program
    • MFi Program(영문)
    • Mini Apps Partner Program
    • News Partner Program(영문)
    • Video Partner Program(영문)
    • Security Bounty Program(영문)
    • Security Research Device Program(영문)
    메뉴 열기 메뉴 닫기
    • Apple과의 만남
    • Apple Developer Center
    • App Store 어워드(영문)
    • Apple 디자인 어워드
    • Apple Developer Academy(영문)
    • WWDC
    최신 뉴스 읽기.
    Apple Developer 앱 받기.
    Copyright © 2026 Apple Inc. 모든 권리 보유.
    약관 개인정보 처리방침 계약 및 지침