SwiftUI
1.[SwiftUI] LongPressGesture
How to use LongPressGesture in SwiftUI | Continued Learning 일반적인 탭 제스처와 달리 특정 오브젝트를 누르는 시간, 오브젝트를 누른 채 손가락을 어느 정도 거리로 떨어뜨려도 기능을 작동할지 설정 가능한 제스처Click H
2.[SwiftUI] MagnificationGesture
How to use MagnificationGesture in SwiftUI | Continued Learning 핀치 제스처를 감지하는 제스처. 주로 특정 오브젝트의 스케일을 조정, 확대 및 축소 효과를 보이도록 구현인스타그램, 틱톡 등 SNS에서 주로 사용되는 형식
3.[SwiftUI] RotationGesture
How to use RotationGesture in SwiftUI | Continued Learning 네모 박스가 돌아가도록 구현한다.핀치 제스처의 정도를 감지, 회전 효과를 준다.핀치 제스처가 끝나면 다시 원래대로 복구한다.회전 효과를 위해 값을 받아야 하는 각(
4.[SwiftUI] DragGesture
How to use DragGesture to move, drag, swipe in SwiftUI | Continued Learning 탭 제스처와 함께 가장 자주되는 제스처 중 하나. 특정 오브젝트를 move, drag, swipe하는 데 사용되는 제스처. 커스텀 모
5.[SwiftUI] ScrollViewReader
ScrollViewReader스크롤 뷰 내 스크롤 아이템의 아이디 값을 읽고 해당 위치로 이동 가능한 방법리스트 내 아이템 번호를 입력하면 해당 위치로 이동하기번호에서 벗어난다면 이동하지 않기스크롤 뷰 및 아이템 구현스크롤 뷰 리더를 통해 프록시 읽기텍스트 필드 및 버
6.[SwiftUI] GeometryReader
GeometryReader in SwiftUI to get a view's size and location | Continued Learning 뷰 사이즈 및 위치를 알아내는 방법디바이스의 회전과 상관없이 현재 뷰의 높이, 너비 정보를 캐치연산 리소스가 큰 단점수평 스
7.[SwiftUI] Multiple Sheets
Multiple Sheets in a SwiftUI View | Continued Learning 단일한 뷰에서 여러 개의 시트를 사용하는 방법sheet 메소드 사용 시 동일한 뷰에 전달되는 모델 데이터 값이 다를 경우 클로저에 의해서 원하는 데이터 전달이 되지 않는다
8.[SwiftUI] Mask
How to use Mask in SwiftUI to create a 5-star rating button | Continued Learning 마스크 모디파이어를 통해 실제 뷰 상단에서 마스킹 기법을 사용 가능별 이미지에 대한 rating 변수 변화 감지 별 뷰 위에
9.[SwiftUI] Sound Effects
How to add sound effects to Xcode project | Continued Learning AVKit을 사용, 오디오를 재생한다. 오디오 재생을 담당할 매니저 클래스를 생성한다.단일한 작업을 여러 번 실행할 것이기 때문에 싱글턴 패턴으로 작성한다.
10.[SwiftUI] Haptics
진동을 통해 특정 정보를 전달하는 방법iOS가 지원하는 햅틱의 기본적인 종류는 Notification과 Impact가 존재한다. (커스텀도 존재한다)싱글턴 패턴으로 햅틱 메소드를 담당하는 매니저 클래스를 생성한다.특정 버튼에 따라 노티피케이션, 임팩트 등을 사용한다.
11.[SwiftUI] Local Notifications
How to schedule local Push Notifications in SwiftUI | Continued Learning 실제 노티는 서버에서 푸시하는 게 일반적로컬 특정 조건이 만족된다면 서버를 사용하지 않아도 푸시 가능좋은 UI의 기본이 될 수 있는 방법알
12.[SwiftUI] Hashable
What is Hashable protocol in SwiftUI? | Continued Learning ForEach 문에서 Identifiable 프로토콜을 따르지 않는다면 Hashable해야 하는데, id:\\.self를 통해 이 Hashable한 오브젝트가 다른
13.[SwiftUI] Sort, Filter, Map
Sort, Filter, and Map data arrays in Swift | Continued Learning 생각보다 매우 자주 사용하게 되는 고차 함수. 기본적인 for 문 등으로도 적용 가능하지만, 코드 복잡성을 줄이고 깔끔하게 한 줄로 작성할 수 있다는 점에
14.[SwiftUI] Core Data & FetchRequest
How to use Core Data with @FetchRequest in SwiftUI | Continued Learning 애플이 기본적으로 제공하는 로컬 DB. iOS 환경의 상호 공유(iCloud)에 가장 적합한 구조Realm 등 로컬 디비를 제공하는 여러 가
15.[SwiftUI] CoreData & MVVM
How to use Core Data with MVVM Architecture in SwiftUI | Continued Learning FetchRequest를 통해 코어 데이터를 다룰 수 있는 방법이 있다.MVVM적으로 코드를 분리, 보다 사용이 편리하도록 만들어보기
16.[SwiftUI] CoreData & Relationships
Core Data relationships, predicates, and delete rules in Xcode | Continued Learning 코어 데이터 엔티티 내 릴레이션을 활용하기엔티티 간의 카디널리티(일 대 일, 다 대 일, 일 대 다, 다 대 다) 제약
17.[SwiftUI] MultiThreading
Multi-threading with background threads and queues in Xcode | Continued Learning 멀티 스레드 환경인 iOS 플랫폼의 스레드 관리는 메모리 관리 측면에서 매우 중요메인 스레드 및 백그라운드 스레드를 통해 데
18.[SwiftUI] Weak Self
How to use weak self in Swift | Continued Learning 클래스 참조 카운팅은 iOS의 메모리 관리 기법에 있어서 매우 중요강한 참조 사이클을 벗어나는 한 가지 방법클래스 참조 카운트를 숫자로 표현클래스 참조 시 데이터 다운로드 등 비
19.[SwiftUI] Typealias
How to use Typealias in Swift | Continued Learning 같은 프로퍼티를 가지고 있는 구조체를 서로 다른 이름으로 사용하고 싶을 때 typealias 선언 typealias를 통해 다른 이름의 구조체를 선언, 데이터를 변경 가능해당 뷰
20.[SwiftUI] @escaping
How to use escaping closures in Swift | Continued Learning 비동기적으로 처리된 데이터를 다루는 방법 중 하나인 이스케이핑 클로저를 사용비동기적 처리가 완료된 이후를 보장하는 completionHandler비동기 처리 방법
21.[SwiftUI] Codable
Codable, Decodable, and Encodable in Swift | Continued Learning Codable 프로토콜의 의미를 파악한다.JSON 데이터를 디코딩한다.데이터를 JSON 데이터로 인코딩한다.Codable을 사용하지 않은 상태에서의 JSO
22.[SwiftUI] Download JSON & @escaping
Download JSON from API in Swift w/ URLSession and escaping closures | Continued Learning 이스케이핑 클로저를 사용한 비동기적 처리JSON 데이터를 처리한다.URLSession을 통해 JSON 데이터를
23.[SwiftUI] Download JSON & Combine
Download JSON from API in Swift with Combine | Continued Learning 비동기 처리를 하는 방법 중 하나인 Combine 프레임워크이벤트 처리 기반으로 비동기적 이벤트 처리하는 방법이스케이핑 클로저를 사용할 필요가 없음Pu
24.[SwiftUI] Timer & onReceive
How to use Timer and onReceive in SwiftUI | Continued Learning 타이머의 값을 확인, 실시간으로 변동된 시간에 따라 다른 UI를 보여줄 수 있음특정 시간까지 카운트다운 타이머시간에 따른 반복 애니메이션 구현시간에 따른 탭
25.[SwiftUI] Combine: Publishers and Subscribers
Publishers and Subscribers in Combine with a SwiftUI project | Continued Learning 타이머, 텍스트 필드 카운트 등 특정 변수를 Subcribe한다.타이머가 10초 이상, 세 글자 이상 텍스트 필드에 입력하
26.[SwiftUI] FileManager
Save data and images to FileManager in Xcode | Continued Learning 유저 디폴트, 코어 데이터 이외의 데이터를 저장하는 로컬 공간코어 데이터가 인식하지 않는 데이터 타입을 그대로 저장 가능파일 매니저 디렉토리 접근 방법
27.[SwiftUI] NSCache
Save and cache images in a SwiftUI app | Continued Learning NSCache의 용량, 오브젝트 개수를 커스텀한다.NSCache에 데이터를 저장한다.NSCache의 데이터를 삭제한다.NSCache의 데이터를 조회한다.캐시 담당
28.[SwiftUI] Download & Save Images
Download and save images using FileManager and NSCache | Continued Learning Combine을 통한 비동기 데이터 패치NSCache, FileManager 데이터 저장MVVN 패턴UI 구현: (1). 전체 데이터
29.[SwiftUI] ViewModifier
How to create custom ViewModifiers in SwiftUI | Advanced Learning Text, Button 등 뷰 컴포넌트를 구성하는 모디파이어커스텀 모디파이어를 재활용 가능뷰 모디파이어를 구현한다.뷰 모디파이어를 뷰 익스텐션으로 추가
30.[SwiftUI] ButtonStyle
How to create custom ButtonStyles in SwiftUI | Advanced Learning ButtonStyle 프로토콜을 사용, 커스텀 버튼 스타일 구현뷰 익스텐션을 통해 버튼 스타일 적용 함수화파라미터를 통해 특정 프로퍼티를 전달, 디폴트
31.[SwiftUI] Transitions
How to create custom Transitions in SwiftUI | Advanced Learning Transition 커스텀애니메이션의 이동 방향을 커스텀할 수 있다.뷰 모디파이어를 커스텀, AnyTransition 익스텐션에 추가값이 고정되었다면 st
32.[SwiftUI] MatchedGeometryEffect
How to use MatchedGeometryEffect in SwiftUI | Advanced Learning 스크린 상의 서로 다른 도형(Shape)을 매칭시키는 효과id, namespace가 동일한 서로 다른 두 도형을 같다고 인식하게 만듦애니메이션 구현에 매우
33.[SwiftUI] Shape
Custom Shapes in SwiftUI | Advanced Learning 특정 점에서 특정 점을 이어 새로운 형태의 도형(Shape)을 그리는 방법Shape 프로토콜의 path 함수를 통해 새로운 도형 그리기특정 이미지를 특정 도형 모양으로 자르기: clipSh
34.[SwiftUI] Shapes & Curves
Custom shapes with Arcs and Quad Curves in SwiftUI | Advanced Learning 곡선이 있는 커스텀 도형을 그리는 방법아크(호)를 도형 그리는 함수에 추가곡선(2차 함수 곡선)을 도형 그리는 함수에 추가move가 특정 위치
35.[SwiftUI] Shape & Animation
Animate Custom shapes with AnimateableData in SwiftUI | Advanced Learning 커스텀 도형을 만든 뒤 애니메이션을 입힌다.사각형 중 한 모서리의 각만 변화하는 애니메이션팩맨이 입을 열고 닫는 애니메이션커스텀 도형을
36.[SwiftUI] Generics
How to use Generics in Swift | Advanced Learning 제네릭은 구체적 타입을 추상적 타입으로 받도록 할 수 있는 방법제네릭 구현을 통해 함수, 타입의 확장성이 매우 증가(타입마다 구조체를 선언할 필요없이 하나의 보편, 추상화된 구조체
37.[SwiftUI] @ViewBuilder
How to use @ViewBuilder in SwiftUI | Advanced Learning 뷰 빌더를 제네릭과 함께 사용내장 뷰 모듈(네비게이션 뷰, 탭 뷰 등) 확장성클로저 자체를 뷰 컨텐츠로 전달하는 커스텀컴포넌트 뷰로 사용하는 서브 뷰 내부 값을 각자 설정
38.[SwiftUI] PreferenceKey
Use PreferenceKey to extract values from child views in SwiftUI | Advanced Learning 자식 뷰의 네비게이션 뷰 타이틀을 변경할 때 사용되는 편리한 방법부모 뷰 → 자식 뷰의 데이터 플로우: 데이터 바인딩
39.[SwiftUI] TabView
Create a custom tab bar in SwiftUI | Advanced Learning 커스텀 탭바 컴포넌트 구현디폴트 탭바와 같은 동작을 하는, 하지만 탭바 이동에서 MatchedGeometryEffect 애니메이션 효과가 적용된 보다 세련된 커스텀 탭바G
40.[SwiftUI] NavigationView
Create a custom navigation bar and link in SwiftUI | Advanced Learning 커스텀 네비게이션 뷰 사용 → 코드 하단에서 실제 이동은 기본 네비게이션 뷰, 링크 사용디폴트 네비게이션 뷰: 메모리 최적화, 스와이프 백 가
41.[SwiftUI] UIView Representable
[Use UIViewRepresentable to convert UIKit views to SwiftUI | Advanced Learning #13 ](https://www.youtube.com/watch?v=1GYKyQHVDWw&list=PLwvDm4Vfkdphc1L
42.[SwiftUI] UIViewControllerRepresentable
Use UIViewControllerRepresentable to convert UIKit controllers to SwiftUI | Advanced Learning UIViewController를 SwiftUI 환경에서 사용할 수 있도록 커스텀 컴포넌트를 구현한다.
43.[SwiftUI] Protocols
How to use Protocols in Swift | Advanced Learning 프로토콜 지향 언어인 스위프트 언어의 특성 상 대부분의 디폴트 구조체, 클래스, 열거형 등이 프로토콜 및 익스텐션을 통해 효율적 코드로 구현되어 있음 → 변수, 함수 등을 통해 확
44.[SwiftUI] Dependency Injection
Dependency Injection싱글턴 클래스 → 안티 패턴으로도 불림(1). 싱글턴 클래스는 전역으로 선언되기 때문 (2). 이니셜라이즈 당시 특정 변수를 커스텀 불가능(3). 특정 서비스를 쉽게 변경 불가능 → 싱글턴 클래스에 의존하고 있기 때문의존성 주입을 통
45.[SwiftUI] Unit Testing
Unit Testing a SwiftUI application in Xcode | Advanced Learning 특정 로직이 달라지거나 특정 코드가 변경되는 등 여러 가지 시나리오에 대비하기 위한 단위 테스팅이니셜라이즈, 메소드, 변수 값이 구현한 의도와 일치되는지
46.[SwiftUI] UI Testing
[UI Testing a SwiftUI application in Xcode | Advanced Learning #18 ](https://www.youtube.com/watch?v=RoDUYFuNeJU&list=PLwvDm4Vfkdphc1LLLjCaEd87BEg07M9
47.[SwiftUI] Combine Publishers & Subscribers
Advanced Combine Publishers and Subscribers in SwiftUI | Advanced Learning Combine 프레임워크를 적용할 때 사용 가능한 메소드 파악하기Publish를 사용하는 다양한 방법 파악하기에러를 throw하고 ca
48.[SwiftUI] Combine Futures & Promises
[How to use Futures and Promises in Combine with SwiftUI | Advanced Learning #20 ](https://www.youtube.com/watch?v=yCGbhbFK8sY&list=PLwvDm4Vfkdphc1LLL
49.[SwiftUI] CloudKit: Setup & User Info
Setup CloudKit in SwiftUI project and get user info | Advanced Learning CloudKit → 애플 기기 연동 가능한 공용 데이터베이스iCloud 연동 허용 및 유저 데이터 패치Xcode을 통해 iCloud 추가iC
50.[SwiftUI] CloudKit: CRUD
CloudKit CRUD Functions in SwiftUI project | Advanced Learning iCloud 데이터 CRUD 함수 구현데이터 생성데이터 읽기데이터 업데이트데이터 삭제CKContainer를 통해 클라우드 킷 데이터베이스 접근, 생성한 레코
51.[SwiftUI] CloudKit: Images & Assets
Upload images and CKAssets to CloudKit | Advanced Learning 이미지 저장을 위한 CKAsset 이용 → FileManager URL1\. 이미지, 오디오 등 바이너리 데이터를 클라우드 데이터 내에 저장2\. 데이터 직접 저장
52.[SwiftUI] CloudKit: Push Notifications
Send Push Notifications using CloudKit in SwiftUI | Advanced Learning 클라우드 데이터베이스 레코드 추가 시 데이터 변동 사항에 대해서 구독 추가 가능푸시 노티피케이션 → 옵저버 및 특정 함수를 호출푸시 노티피케이션
53.[SwiftUI] CloudKit: Utility Class
[Creating a reusable utility class for CloudKit code | Advanced Learning #25 ](https://www.youtube.com/watch?v=OD_FDJOv-Ek&list=PLwvDm4Vfkdphc1LLLjCaE
54.[SwiftUI] Do, Try, Catch, Throws
How to use Do, Try, Catch, and Throws in Swift | Swift Concurrency 실패 가능한 함수의 리턴값을 핸들링하는 방법Result 커스텀하기throws를 통해 에러 throw하기thorws 함수의 리턴값을 do catch를
55.[SwiftUI] Async/Await, @escaping, Combine
Download images with Async/Await, @escaping, and Combine | Swift Concurrency 이스케이핑 클로저를 통해 비동기적 데이터를 다운로드한다.Combine 프레임워크를 통해 비동기적 데이터를 다운로드한다.async/a
56.[SwiftUI] Async/Await
[How to use async / await keywords in Swift | Swift Concurrency #3 ](https://www.youtube.com/watch?v=-5kIzkBqAzc&list=PLwvDm4Vfkdphr2Dl4sY4rS9PLzPdyi8
57.[SwiftUI] Task & .task
How to use Task and .task in Swift | Swift Concurrency 1\. async 데이터를 받아오는 코드를 실행할 때 Task 안에 넣어서 실행하는 방법2\. Task의 우선순위 파악하기3\. Task 내부의 스레드 환경 확인하기4\.
58.[SwiftUI] Async Let
How to use Async Let to perform concurrent methods in Swift | Swift Concurrency 여러 개의 데이터 패치를 동시에 실행할 경우 async에 따라 먼저 패치가 완료된 데이터부터 UI 적용 → 동시에 모든 패치된
59.[SwiftUI] TaskGroup
How to use TaskGroup to perform concurrent Tasks in Swift | Swift Concurrency async let을 통해 구현한 한 번에 여러 개의 비동기 패치된 데이터를 한 번에 표현하기 → 여러 개의 async let이 아
60.[SwiftUI] Continuations
How to use Continuations in Swift (withCheckedThrowingContinuation) | Swift Concurrency 현재 태스크를 지연, 주어진 클로저 내에 확인한(안전한) continuation을 리턴이스케이핑 클로저를 사용하
61.[SwiftUI] Struct, Class, Actor
Swift: Struct vs Class vs Actor, Value vs Reference Types, Stack vs Heap | Swift Concurrency 값 타입: Struct, Enum, String, Int스택 저장참조 타입보다 빠른 속도스레드 세이프값
62.[SwiftUI] Actors
How to use Actors and non-isolated in Swift | Swift Concurrency actor-isolated를 통해 스레드 안전성을 보장하고 있는 클래스비동기적 데이터 패치를 사용할 때 서로 다른 요청의 순서를 보장 가능 → 해당 act
63.[SwiftUI] @globalActor
How to use Global Actors in Swift (@globalActor) | Swift Concurrency MainActor의 작동이 메인 스레드를 통해 이루어지는 게 보장(싱글턴)되는 것과 마찬가지로 특정 액터 사용을 글로벌 스레드를 통해 사용할 수
64.[SwiftUI] Sendable
What is the Sendable protocol in Swift? | Swift Concurrency 비동기 환경(async)에서 특정 데이터를 보내도 안전한지 점검하는 프로토콜스레드 안전을 보장하는 액터, 특정 액터를 사용하는 여러 개의 스레드 안전하지 않은 클
65.[SwiftUI] AsyncPublisher
[How to use AsyncPublisher to convert @Published to Async / Await | Swift Concurrency #12 ](https://www.youtube.com/watch?v=ePPm2ftSVqw&list=PLwvDm4Vf
66.[SwiftUI] GlassMorphism Tutorial
SwiftUI Tutorial: Glassmorphism UI Design글래스모피즘 구현백그라운드 컬러 구현백그라운드 도형 구현: 백그라운드 이미지에 대비해 블러링 처리된 도형프론트 반투명 카드 뷰: 백그라운드 컬러 및 도형 색깔이 비춰보이는 블러링 이펙트글래스모피
67.[SwiftUI] GlassMorphism Advanced
[SwiftUI Livestream: Glassmorphism and Angular Gradients ](https://www.youtube.com/watch?v=NFg6oYmraXk) GlassMorphism 2 구현 목표 구현 태스크 핵심 코드 소스 코드
68.[SwiftUI] Neumorphism Tutorial
How to create Neumorphic buttons in SwiftUI뉴모피즘 스타일의 UI 구현백그라운드 컬러 → ZStack으로 내부/외부 그림자그레디언트 → 버튼 내부 색깔 그레디언트 값 주기특정 텍스트의 프레임, 폰트, 텍스트 색깔을 준 뒤 ViewMod
69.[SwiftUI] Neumorphism Advanced
SwiftUI Long Press Gesture and Tap Progress Animation뉴모피즘 스타일을 적용한 컴포넌트 구현컴포넌트 애니메이션 스타일 적용뉴모피즘 스타일의 백그라운드 구현탭 제스처 → 버튼 크기 조절 애니메이션프레스 제스처 → 버튼 컴포넌트 내
70.[SwiftUI] CryptoApp: Project Setup
Setting up Xcode Project and a custom color theme | SwiftUI Crypto App Asset 이미지 및 컬러 추가컬러 익스텐션 사용Asset 추가라이트 / 다크 모드 대비 컬러 구현static으로 선언하였기 때문에 곧바로 사
71.[SwiftUI] CryptoApp: HomeView Header
Creating HomeView and a navigation header | SwiftUI Crypto App 홈 뷰의 커스텀 헤더 구현홈 뷰 구현헤더 뷰 구현헤더 뷰 사용 버튼 애니메이션 구현Binding으로 특정 값의 변화를 감지 새롭게 뷰를 그려줄 수 있는 커스
72.[SwiftUI] CryptoApp: Data Modeling
Creating a Coin Model based on JSON response from an API | SwiftUI Crypto App API 리턴하는 JSON 구조에 따른 구조체 모델링API 리턴 값 확인코딩 키 생성Codable 프로토콜 사용연산 프로퍼티 활용리
73.[SwiftUI] CryptoApp: CoinRowView
Design a row to display coins in a List | SwiftUI Crypto App 데이터 모델을 보여주는 재활용 뷰 구현Double 타입의 문자열 캐스팅을 위한 포매터 익스텐션화단일 Row로 재활용할 커스텀 뷰 구현 Double 수를 문자열로
74.[SwiftUI] CryptoApp: List of Rows
Add a dynamic List to display downloaded coins | SwiftUI Crypto App 동적 뷰 리스트 생성EnviornmentObject 생성뷰 모델 관리뷰 모델의 변수에 따른 UI 동적 관리ObservableObject로 선언한 H
75.[SwiftUI] CryptoApp: Data Service Class
Download coins using a View Model and Data Service class | SwiftUI Crypto App 뷰 모델이 다룰 데이터를 네트워크를 통해 패치데이터 서비스를 제공하는 별도의 매니저 클래스 구현데이터 서비스 클래스 구현데이터 패
76.[SwiftUI] CryptoApp: Network Service
Add a reusable Networking layer | SwiftUI Crypto App 네트워크 서비스를 담당하는 별도의 서비스 클래스URL을 통해 다운로드, 데이터를 리턴하는 함수URLSession의 Response 담당 함수섭스크라이버의 컴플리션을 담당하는
77.[SwiftUI] CryptoApp: Image Download
Downloading Coin Images using Combine, MVVM, and a Networking Layer | SwiftUI Crypto App 비동기 이미지 다운로드를 통한 UI 패치이미지 다운로드 데이터 서비스 클래스 구현데이터 서비스를 사용하는 뷰
78.[SwiftUI] CryptoApp: FileManager
Saving images to the File Manager | SwiftUI Crypto App 반복 다운로드 방지를 위한 파일 매니저 내 데이터 저장파일 매니저 서비스 클래스 싱글턴 구현저장된 이미지일 때 파일 매니저에서 이미지 리턴 또는 네트워크 다운로드파일 매니
79.[SwiftUI] CryptoApp: Search Bar
Implement a custom and reusable search bar | SwiftUI Crypto App 커스텀 서치 바 구현서치 바 뷰 구현홈 뷰의 컴포넌트 연결홈 뷰 모델에서 searchText를 통해 서치 바의 텍스트 필드와 연결키보드 디스미스 자동 함수
80.[SwiftUI] CryptoApp: Filtering & Search Bar
[Filtering data based on search bar text using Combine | SwiftUI Crypto App #11 ](https://www.youtube.com/watch?v=D4zLYb-TgIU&list=PLwvDm4Vfkdphbc3bgy
81.[SwiftUI] CryptoApp: Market Statistics UI
Creating a data model and View to display market statistics | SwiftUI Crypto App 시장 정보 통계치를 보여주는 뷰 구현통계 데이터 모델 구현단일 데이터를 사용하는 컴포넌트 셀 뷰 구성셀을 사용하는 로우 뷰
82.[SwiftUI] CryptoApp: Market Statistic Data Binding
Download and display live market data from API | SwiftUI Crypto App API 데이터 패치를 통한 통계 뷰 UI 그리기시장 데이터 API 패치 데이터 서비스 클래스 구현뷰 모델 데이터 서비스의 해당 퍼블리셔 구독데이터
83.[SwiftUI] CryptoApp: PortfolioView
Create a view to manager current user's portfolio | SwiftUI Crypto App 포트폴리오 내용을 보여줄 뷰 UI 구현홈 뷰 모델을 사용하는 포트폴리오 뷰 모달 구현디스미스 버튼저장 버튼코인 이름 텍스트 필드를 통한 검색
84.[SwiftUI] CryptoApp: CoreData
[Save current user's portfolio to Core Data with MVVM | SwiftUI Crypto App #15 ](https://www.youtube.com/watch?v=7cqag8Acr2s&list=PLwvDm4Vfkdphbc3bgy_
85.[SwiftUI] CryptoApp: Reloading Coin Data
Reload the List with updated data from API | SwiftUI Crypto App UI를 통한 데이터 리로드 구현pullToRefresh 구현커스텀 리로드 버튼 구현refreshable 메소드를 통해 손쉽게 pullToRefresh 가능
86.[SwiftUI] CryptoApp: Sorting Feature
Sorting List data with MVVM and animations | SwiftUI Crypto App 데이터 정렬 기능 구현정렬 옵션 추가옵션 퍼블리셔에 따른 정렬 데이터 매핑 함수 구현정렬 옵션 선택 UI정렬 옵션 이넘을 통해 관리뷰 모델의 정렬 옵션을
87.[SwiftUI] CryptoApp: NavigationLink
Add a custom Navigation Link for lazy loading | SwiftUI Crypto App 커스텀 네비게이션 링크 구현디테일 뷰 구현네비게이션 링크 연결백그라운드 단의 네비게이션 링크List 내부에 NavigationLink를 선언할 때 현
88.[SwiftUI] CryptoApp: Data Modeling 2
Download coin details by creating a data model, view model, and API request | SwiftUI Crypto App 업로드중..디테일 뷰에 사용할 데이터 모델링API를 통한 코인 디테일 데이터를 패치하는 데이터
89.[SwiftUI] CryptoApp: Updating DetailView
Display downloaded data in grid format with reusable components | SwiftUI Crypto App 디테일 데이터를 통한 디테일 뷰 UI 구현뷰 모델의 통계 정보를 통해 뷰 UI 그리기전달받은 코인 모델 및 코인 디테
90.[SwiftUI] CryptoApp: Line Chart
Create a custom line chart to display historical price data | SwiftUI Crypto App 수치 정보를 통해 차트 UI 구현차트 데이터 구현X축과 Y축에 따라 데이터 표현애니메이션 효과GeometryReader를 통
91.[SwiftUI] CryptoApp: Expandable View
https://www.youtube.com/watch?v=po4lRojJXdA&list=PLwvDm4Vfkdphbc3bgy_LpLRQ9DDfFGcFu&index=23확장/축소 가능한 뷰 구현코인 디테일 모델의 설명 프로퍼티 연결버튼을 통한 뷰 길이 토글링웹사이
92.[SwiftUI] CryptoApp: SettingView
Add a Settings screen using a List with Sections | SwiftUI Crypto App 설정 뷰 구현섹션 리스트 구현URL 링크홈 뷰 헤더에서 인포메이션 버튼 클릭 시 설정 뷰를 모달 뷰로 제공리스트 내 섹션 커스텀헤더, 푸터, 내
93.[SwiftUI] CryptoApp: App Icon & Launch Animation
[App Icon, Launch Screen, and Launch Animation | SwiftUI Crypto App #24 ](https://www.youtube.com/watch?v=OLk9hOi7zCM&list=PLwvDm4Vfkdphbc3bgy_LpLRQ9D
94.[SwiftUI] CryptoApp: Additional Optimizations
Adding final optimizations | SwiftUI Crypto App SwiftUI가 제공하는 멀티 디바이스 환경에 대한 옵티마이제이션 적용아이패드 디바이스 지원메인/백그라운드 태스크 스레드 최적화빈 뷰의 경우 가이드라인을 통한 더 나은 UX 제공Swi
95.[SwiftUI] CryptoApp: Color Scheme
Update the Color Theme | SwiftUI Crypto App 앱이 제공하는 컬러 스킴을 통한 라이트/다크 모드 지원백그라운드, 네비게이션 뷰, 백버튼 뷰의 컬러 스킴 커스텀iOS 16 이슈 Asset에서 직접 색을 커스텀할 수도 있지만 현재 컬러 사용
96.[SwiftUI] DragGesture Animation
[SwiftUI Coffee App Animations | SwiftUI Challenge | Animations | Xcode 14 ](https://www.youtube.com/watch?v=MD45-e8pGpM&list=PLimqJDzPI-H-ya9xGNc9apY
97.[SwiftUI] TwitterClone: Feed UI
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)프로젝트 생성 및 트위터 피드 UI 구현반복되는 트위터 뷰 구현여러 개의 피드가 반복적으로 들어오므로 뷰 재사용프로필 이미지, 유저
98.[SwiftUI] TwitterClone: TabBar
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)탭바 구현인덱스 연결을 통한 뷰 바인딩
99.[SwiftUI] TwitterClone: ProfileView
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)프로필 헤더 뷰 UI 구현프로필 정보 UI필터 버튼 변경 UI트위터 피드 UImatchedGeometryEffect는 동일한 네임
100.[SwiftUI] TwitterClone: ExploreVIew
[🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0) ](https://www.youtube.com/watch?v=3pIXMwvJLZs) TwitterClone: ExploreVI
101.[SwiftUI] TwitterClone: SideMenu
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)사이드 메뉴 UI 구현최상단 컨텐츠 뷰: 사이드 메뉴 + 탭바 구성사이드 메뉴 클릭 이벤트(네비게이션) 구현탭 뷰 상단에 ZStac
102.[SwiftUI] TwitterClone: FloatingButton
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)플로팅 버튼 구현풀 모달 시트 프레젠트텍스트 필드 구현현재 피드 뷰와 함께 우측 하단 부 플로팅 버튼으로 보여줄 버튼bottomTr
103.[SwiftUI] TwitterClone: Authentication UI
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)로그인 UI 구현버튼 컴포넌트텍스트 필드 컴포넌트네비게이션 연결특정 모서리의 둥근 정도를 커스텀하는 도형 뷰헤더 뷰 및 이메일과 비
104.[SwiftUI] TwitterClone: Authentication Logic
[🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0) ](https://www.youtube.com/watch?v=3pIXMwvJLZs) TwitterClone: Authentic
105.[SwiftUI] TwitterClone: ProfilePhotoSelectorView
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)이미지 서버 저장 및 데이터베이스 등록PHPickerViewController를 통한 이미지 등록 뷰 구현파이어베이스 스토리지 함수
106.[SwiftUI] TwitterClone: UserData Handling
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)회원 정보를 통해 유저 정보 패치 및 UI 패치유저 데이터 모델링유저 정보를 통한 데이터 패치퍼블리셔 데이터를 통한 UI 패치환경
107.[SwiftUI] TwitterClone: ExploreView 2
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)검색 뷰 구현유저 정보 패치뷰 모델을 통한 유저 정보 UI 표시 및 이미지 다운로드검색 뷰 모델이 이니셜라이즈될 때 사용하는 서비스
108.[SwiftUI] TwitterClone: ExploreView 3
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)데이터베이스 쿼리 및 검색 결과 인터렉션커스터 서치 바 구현뷰 모델의 텍스트 바인딩검색 텍스트를 사용한 검색 결과 필터링 연산 프로
109.[SwiftUI] TwitterClone: Upload Tweets
🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0)트위터 업로드 및 데이터 패치트위터 작성 뷰를 통한 파이어스토어 데이터 작성트위터 패치 함수를 통한 데이터 디코딩데이터 퍼블리셔 구
110.[SwiftUI] TwitterClone: Update Tweets
[🔴 Let's Build Twitter with SwiftUI (iOS 15, Xcode 13, Firebase, SwiftUI 3.0) ](https://www.youtube.com/watch?v=3pIXMwvJLZs) TwitterClone: Update Tw
111.[SwiftUI] UberClone: MapView
🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14커스텀 맵뷰 구현UIKit 컴포넌트의 SwiftUI 내 사용을 위한 UIViewRepresentable홈뷰 내 사용되는 로케이션 매니저맵뷰 내에서 사용되는 ObservableO
112.[SwiftUI] UberClone: Location Search UI
🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14위치 검색 뷰 UI 구현위치 검색 결과 재사용 셀 구현버튼 토글 액션 구현지역 검색 창을 띄우기 전 사용자에게 질문을 던지는 뷰출발지와 도착지 텍스트 입력에 따라 하단부에 쿼리
113.[SwiftUI] UberClone: Location Search Logic
🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14쿼리 텍스트를 통해 지역 검색검색 쿼리 텍스트를 담당하는 뷰 모델텍스트를 통해 실시간으로 검색 기능 구현ObseravleObject로 선언한 뷰 모델해당 뷰에서 @StateOb
114.[SwiftUI] UberClone: Location Select
[🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14 ](https://www.youtube.com/watch?v=Z6-KVWXbw-w) UberClone: Location Select 구현 목표 선택한 지역으로 뷰 이동
115.[SwiftUI] UberClone: RouteView
🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14업로드중..도착지로 이어지는 UI 구현출발지에서 도착지까지의 경로 받아오기맵뷰 내 해당 경로 UI 그리기최초 유저 정보를 통해 실행되는 맵뷰의 델리게이트 함수 속에서 해당 값을
116.[SwiftUI] UberClone: MapView 2
🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14맵뷰 상태 업데이트유저 정보 선택 기준 이넘화경로 제거 및 초기화 함수 구현특정 지역 선택 케이스를 조작하기 위한 이넘버튼 토글링을 통한 맵 상태 조정특정 리스트 셀 클릭 시
117.[SwiftUI] UberClone: RideRequest
🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14배달 요청에 대한 UI 조정배달 요청 뷰 UI경로 이동에 따른 패딩 값 설정현재 맵 상황이 유저가 도착지를 고른 경우만 ZStack을 통해 배달 요청 뷰를 보이게 설정배달 요청
118.[SwiftUI] UberClone: RideRequest 2
[🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14 ](https://www.youtube.com/watch?v=Z6-KVWXbw-w) UberClone: RideRequest 2 구현 목표 배달 요청 뷰 인터렉션 구현
119.[SwiftUI] UberClone: RideRequest 3
[🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14 ](https://www.youtube.com/watch?v=Z6-KVWXbw-w) UberClone: RideRequest 3 구현 목표 경유 시간 등 배달 요청 관련
120.[SwiftUI] AppStore Hero Animation
SwiftUI 3.0 Animation Challenge - App Store Hero Animation - Xcode 13 - SwiftUI Tutorials앱 스토어 모달 이동 전환 애니메이션 구현홈 뷰 UI 구현홈 뷰 카드 뷰 UI 구현카드 디테일 뷰 UI 구현클
121.[SwiftUI] RoadMap OverView
SwiftUI Roadmap - How to learn SwiftUI for beginners tutorial - an overview from basic to advancedOn the road to learn SwiftUIKarin Prater가 작성한 SwiftU
122.[SwiftUI] Complex UI TroubleShooting
SwiftUI tutorials: How to troubleshoot a complex UI with layout and animation problems복잡한 UI 컴포넌트 및 레이아웃 리팩터링ZStack 안에 컴포넌트를 모두 선언, GeometryReader로 읽어
123.[SwiftUI] WidgetClone: Static Configuration
iOS 14 WidgetKit | Building COVID-19 API Stats Widget | Static Configuration | SwiftUI위젯 킷 UI 구현위젯 킷 타겟 연결TimeLineProvider를 통한 위젯 리프레시위젯 플레이스홀더 구현API를
124.[SwiftUI] WidgetClone: SiriKit
iOS 14 WidgetKit Pt 2 | Building COVID-19 API Stats | SiriKit Intent Configurable Parameter위젯에 시리킷을 연동하기위젯 컨텍스트 메뉴 구현 → 해당 파라미터를 사용한 새로운 위젯 UI 구현파라미터에
125.[SwiftUI] WidgetClone: DeeplinkURL
iOS 14 WidgetKit Pt 3 | Building COVID-19 API Stats | Widget Bundle & Deeplink URL유저 디폴트를 통한 서로 다른 타겟 앱 간의 그룹 연결딥링크 URL 구현유저 디폴트 앱 그룹딥링크 URL → 컨텐츠 뷰 내
126.[SwiftUI] ChartStocksClone: Yahoo API
[Build Swift Charts Stocks App - Part 1 - Yahoo Finance API Service - SwiftUI ](https://www.youtube.com/watch?v=twhgYBrepSo&list=PLuecTl5TrGwtQRtT6wxI
127.[SwiftUI] ChartStocksClone: Search Tickers
[Build Swift Charts Stocks App Part 2 - My Ticker Symbols List & Search Tickers - SwiftUI iOS 16 App ](https://www.youtube.com/watch?v=HYC0WboiImU&lis
128.[SwiftUI] MapClone: Project Setup
Project Setup with Assets and Custom Data Model | SwiftUI Map App 맵 앱 구현프로젝트 설정어셋 설정데이터 모델링LocationModel은 해당 지역의 이름 및 좌푯값, 이미지, 위키 링크 등을 가진 데이터 모델Mock
129.[SwiftUI] MapClone: StateObject & EnvironmentObject
Create ViewModel with @StateObject and @EnvironmentObject for MVVM | SwiftUI Map App 뷰 모델 구현@StateObject을 통해 특정 뷰 모델 관찰@EnvrionmentObject 구현메인 액터를 통해
130.[SwiftUI] MapClone: MapKit
Add Map to SwiftUI project with MapKit | SwiftUI Map App 맵킷 구현지역 데이터를 가진 퍼블리셔LocationModel 변경 시 자동으로 지역 데이터 변경뷰 모델 바인딩@Published로 선언된 로케이션 데이터가 업데이트될
131.[SwiftUI] MapClone: Animated Menu
Using a List as a custom animated menu | SwiftUI Map App 지역 리스트 선택 메뉴 구현리스트 뷰 UI 구현리스트 뷰 애니메이션 구현선택 지역 이동 로직 구현리스트 뷰를 그릴 때 ForEach에 넣어줄 데이터 구별을 위한 Ide
132.[SwiftUI] MapClone: Card Transition
Location Preview cards with asymmetric Transitions | SwiftUI Map App 카드 뷰 트랜지션 애니메이션 구현카드 뷰 UI 구현카드 뷰 이동 로직 구현뷰 모델 퍼블리셔 변경 함수 구현로케이션 메인 뷰에서 ZStack을 통해
133.[SwiftUI] MapClone: Custom Map Pins
Custom Map Annotation Pins for SwiftUI MapKit Map | SwiftUI Map App 커스텀 맵 핀 구현맵 핀 UI 구현탭 제스처 로직 구현맵 레이어 뷰Map이 지원하는 annotationItems에 어노테이션을 그릴 뷰 모델의 로케
134.[SwiftUI] MapClone: Location DetailView
Use Sheet in SwiftUI to create a Detail View for Locations | SwiftUI Map App 로케이션 선택 시 디테일 뷰 구현버튼 클릭 시 sheetLocation 변수에 값을 할당뷰 모델의 sheetLocation 값이 널
135.[SwiftUI] MapClone: Dark Mode & Landscape Settings
Update SwiftUI App for iPad, Landscape, and Dark Mode | SwiftUI Map App iPad 설정 및 다크 모드디바이스 별 가로/세로 모드 지원아이패드 용 프레임 값 설정maxWidth를 통해 지원애니메이션이 적용되어야 하는
136.[SwiftUI] ChartStocksClone: Ticker Symbol Sheet UI
Build Swift Charts Stocks App Part 3 - Ticker Symbol Sheet UI - SwiftUI iOS 16 App차트 선택 시 시트 뷰 구현시트 뷰 연결 로직 구현디테일 뷰 UI 구현API를 통한 특정 심볼 데이터 패치 및 UI 바인딩