[iOS] Swift Modern Collection View & MVVM 패턴 가이드

Name: [iOS] Swift Modern Collection View & MVVM 패턴 가이드
Price: 19800 KRW
Rating: 4.4 (9 reviews)

MVVM 패턴과 Modern Collection View를 사용해 네트워킹을 구현하고, 다양하고 동적인 Collection View를 자유자재로 다룰 수 있게 됩니다.

(4.4) 수강평 9개

수강생 185명

난이도 초급

수강기한 무제한

덤벨로퍼

네이버

임직원들도 이 강의를 듣고 있어요!

네이버

임직원들도 이 강의를 듣고 있어요!

먼저 경험한 수강생들의 후기

4.4

5.0

clamp

100% 수강 후 작성

좋은 강의였어요. 한번더 들어야겠어요^^

5.0

asdfaa22

100% 수강 후 작성

1. 일단은 난이도가 입문~초급으로 설정되어 있지만, 본인 기준에서 그보다는 높은 수준의 강의라고 생각됩니다 2. MVVM에 대한 개요를 설명해주시기는 하지만, 사실 이제 막 입문하는 입장에서는 조금 이해하기 어려운 부분도 있었던 것 같습니다. RxSwift와 MVVM을 연결해서 도식화 해서 구조를 설명해주셨으면 이해가 잘 될것 같기도 합니다.( 아 물론 100% 이해시키는 강의는 없을 뿐더러 반드시 수강생이 공부해야 하는 부분도 있기 때문에 개인차가 있을 듯 합니다.) 3. Collection View에 대한 사전 지식이 어느정도 있어야 할 것 같고, 섹션/레이아웃 등 에 대한 코드와 구조 설명도 제가 이해하기에는 조금 어려운 부분이 있었습니다. 4. 스토리보드가 아닌 Snapkit으로 뷰를 구성하는 점은 매우매우 도움이 되는 부분입니다. 5. 단점만 써놓은 것 같지만, 사실 이정도로 유용하고 깊게 다루는 강의는 없는 것 같습니다. 어느정도 ios개발을 이해하시는 분들은 꼭 들으시면 좋은 강의입니다. + 한달 지난 후기 일단, 위에 단점을 줄줄 늘어놨는데 본 강의에서 배운 스냅킷으로 어떠한 뷰와 화면을 구성할 수 있는 자신감이 생겨서 스냅킷으로 클론 코딩 하고 있습니다. 당장 아이디어가 없어서 공부라도 하고싶으신 분들은 이거 들으셔서 스냅킷으로 기존에 있는 앱 클론 코딩해보세요... 도움이 많이되네요...!

5.0

인호 황

100% 수강 후 작성

짧고 알차게 배울 수 있었습니다.

수강 후 이런걸 얻을 수 있어요

Modern Collection View(Diffable Datasource + Compositional Layout)를 기초부터 심화까지 배워볼 거예요.
MVVM 패턴을 사용해서 프로젝트를 만들어 봅니다.
Snapkit, Kingisher, RxSwift 를 사용해볼 수 있어요.
다양한 형태의 Collection View를 만들 수 있어요.

Swift iOS UI, 제대로 다루는 핵심 기술! 📲

iOS Swift 레이아웃 구현을 위한
MVVM 패턴 + 라이브러리 활용

사진과 같은 앱의 레이아웃은 어떻게 구현할까요? 스크롤을 내리면 더 다양한 레이아웃이 있을 것이고 순서 또한 API에 따라 바뀔 수 있습니다.

Compositional Layout과 Diffable Datasource를 사용한다면 Table View 안에 여러 컬렉션 뷰(Collection View)를 집어넣을 필요 없이 여러 레이아웃을 하나의 콜렉션 뷰에 적용할 수 있습니다.

본 강의는 Compositional Layout과 Diffable Datasource를 사용한 Modern Collection View를 현업에서 사용할 수 있도록 마스터하기 위한 강의입니다. 심화 프로젝트를 구현하면서 Snapkit, RxSwift 등 현업에 많이 쓰이는 라이브러리를 활용해 MVVM 패턴을 구현해 볼 것입니다. 오픈 API를 사용하여 직접 네트워킹을 구현하여 데이터 값들을 컬렉션 뷰에 그리게 됩니다.

레이아웃 구현에 필요한 라이브러리를 적용하고, MVVM 패턴을 어떻게 구현하는지 직접 경험해보세요!

✅
Modern Collection View를 마스터해 다양한 UI를 구현할 수 있게 합니다.

✅
기초 → 심화 → 응용으로 과정을 나눠 단계별로 학습할 수 있습니다.

✅
응용 단계에서는 공용 API를 사용해 직접 네트워크를 구현하고 조금 더 복잡한 UI를 다뤄볼 거예요.

✅
SnapKit, Kingfisher, Rxswift, RxAlamofire를 사용해 응용 프로젝트를 구현하게 돼요.

✅
MVVM 패턴으로 프로젝트를 구현해볼 거예요.

✅
구글링으로 찾을 수 있는 내용보다 더 깊이있는 학습을 할 수 있어요!

강의는 이렇게 진행됩니다 📚

이런 분들께 추천해요

Swift와 UIKit을 다뤄보신 분
다양한 컬렉션 뷰 레이아웃을 구현하는 데 어려움이 있으신 분
모던 컬렉션 뷰를 사용해 새로운 방식으로 레이아웃을 구현해보고 싶으신 분

4년차 스타트업 모바일 iOS 개발자, 덤벨로퍼입니다 😃
여러분께 모바일 앱 개발에 필요한 패턴 & 라이브버리 활용법을 전해드리겠습니다.

1. 기초 Modern Collection View 사용법

이 강의에서는 Compositional Layout을 활용한 레이아웃 구현과 Diffable Datasource를 통한 데이터와 셀 관리 방법을 배우며, 간단한 예제를 통해 기초적인 사용 원리를 익힐 것입니다. 이를 통해 복잡한 레이아웃과 동적 데이터 처리를 손쉽게 구현할 수 있는 기술을 습득하게 됩니다.
또한, SnapKit을 사용한 레이아웃 구성과 Kingfisher를 활용한 이미지 로딩을 다루어, 실무에서 흔히 사용되는 기능들을 익히고, 이를 응용할 수 있는 방법을 제공합니다.

2. 기초 Modern Collection View 실습

이 강의에서는 기초에서 배운 내용을 토대로 더 다양한 레이아웃을 구현해 보며, Compositional Layout과 Diffable Datasource의 실전 응용을 다룹니다. 이를 통해 단순한 예제를 넘어서 복잡한 화면 구성과 동적 데이터 처리를 더욱 능숙하게 구현할 수 있는 능력을 키우게 됩니다.

3. MVVM + Network 구현

이 강의에서는 Swift Package Manager(SPM)를 사용하여 라이브러리들을 설정하고, RxSwift를 활용한 MVVM 패턴(Input-Output)과 네트워크 구현을 다룹니다. 또한, 오픈 API를 사용하여 직접 네트워킹을 구현하는 방법을 배우게 됩니다. 이를 통해 실무에서 필요한 네트워킹과 반응형 프로그래밍을 보다 효율적으로 적용할 수 있습니다.

4. Modern Collection View 심화

이 강의에서는 구현된 MVVM 프로젝트에 Modern Collection View를 적용하여 다양한 레이아웃을 동적으로 구현하는 방법을 다룹니다. 이를 통해 복잡한 데이터와 UI 구성도 효율적으로 관리하고, 실무에서 바로 사용할 수 있는 프로젝트 구조를 익힐 수 있습니다.

📢 수강 전 꼭 확인해주세요.

기본적인 Swift 문법과 UIKit을 다뤄본 경험이 있으셔야 해요. 이 강의에서는 관련 내용에 대한 디테일한 설명을 다루지 않아요.
운영체제로는 macOS를 사용하며, 실습을 위해 Xcode 버전 13 이상을 사용해야 합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

Swift Collection View UI를 자유자재로 다루고 싶은 분
한 단계 나아간 Collection View를 사용하고 싶은 분
다양한 라이브러리를 사용해보고 싶으신 분
MVVM 패턴에 익숙하지 않은 분

선수 지식,
필요할까요?

Swift
UIKit

안녕하세요
덤벨로퍼입니다.

499

명

수강생

개

수강평

개

답변

4.6

점

강의 평점

개

강의

6년차 iOS 개발자 덤벨로퍼입니다

현업에서 바로 사용할수 있는 강의

초중급 레벨에게 필요한 강의를 만들겠습니다

커리큘럼

전체

54개 ∙ (7시간 33분)

해당 강의에서 제공:

수업자료

섹션 1. Modern Collection View 기초

8개 ∙ (56분)

1. 강의 소개
04:57
2. 섹션과 아이템 정의 하기
05:45
3. 셀 구현하여 Collection view에 등록하기 ( Snapkit 사용 )
10:06
4. 레이아웃 개념
03:20
5. Compositional Layout 구현
08:50
6. DiffableDatasource 구현
06:05
7. Snapshot 구현
07:06
8. 셀에 데이터 적용하기 (Kingfisher 사용)
10:48

섹션 2. Modern collection view 다양한 레이아웃 구현

5개 ∙ (41분)

9. 2번 레이아웃 - 셀 구현하기
09:23
10. 2번 레이아웃 - 레이아웃, Datasource, snapshot 구현하기
12:28
11. 2번 레이아웃 - 섹션 Inset 적용하기
03:19
12. 3번 레이아웃 - 셀,레이아웃 구현
09:58
13. 3번 레이아웃 - datasource, snapshot 구현
06:18

섹션 3. MVVM + Network 프로젝트 세팅하기

14개 ∙ (1시간 52분)

14. Project Orientation
04:36
15. 라이브러리 세팅 - Kingfisher , Snapkit
05:46
16. Rxswift, Rxalamofire 개념과 사용방법 & 세팅
06:46
17. Open API 소개 & 세팅
07:14
18. Decodable을 통한 TV Entity 구현
08:45
19. Movie Entity 구현
06:52
20. Generic 활용하여 네트워크 모듈 구현
08:30
21. 각각의 Network 구현
09:42
22. View 레이아웃 구현
14:03
23. MVVM 패턴이란
05:08
24. MVVM 패턴 구현
15:00
25. MVVM 패턴 구현2 +실습
02:48
26. MVVM 패턴에 네트워킹 구현1
09:10
27. MVVM 패턴에 네트워킹 구현 2
08:32

섹션 4. Modern Collection view 심화

16개 ∙ (1시간 43분)

섹션 5. 추가 강의

11개 ∙ (2시간 19분)

강의 게시일: 2023. 05. 10.

마지막 업데이트일: 2025. 07. 15.

수강평

전체

9개

4.4

9개의 수강평

clamp
수강평 8
∙
평균 평점 5.0
2024. 03. 25.
5
100% 수강 후 작성
좋은 강의였어요. 한번더 들어야겠어요^^
- 덤벨로퍼
  지식공유자
  2024. 05. 05.
  도움이 되어 다행이고 감사합니다 !
hanmix2003
수강평 2
∙
평균 평점 5.0
2023. 07. 08.
5
100% 수강 후 작성
한 두번 정도 밖에 써보지 않은 compositionalLayout과 DiffableDataSource에다가 이제 막 입문해서 적용하는데 헤매고 있는 RxSwift + MVVM 까지 한번에 다루는 강의를 찾고 있었는데 마침 딱 발견하게 되서 오후에 결제하고 새벽 내내 들으며 완강했네요 :D 특히 RxSwift의 Input, Output 형태에 대해 조금 감을 잡은 상태에요 궁금한게 투성이지만 여러번 돌려보며 부딪혀 보겠습니다!
- 덤벨로퍼
  지식공유자
  2023. 07. 18.
  강의가 도움이 되었다니 너무 기쁩니다! 화이팅하시고 응원 할게요~!
장준모
수강평 2
∙
평균 평점 4.5
2023. 09. 19.
5
100% 수강 후 작성
MVVM, RxSwift, ModerCollectionView의 기본과 사용법까지 모두 배우는 점이 유용했습니다
- 덤벨로퍼
  지식공유자
  2023. 09. 29.
  답변 감사합니다 ! 도움이 되셨길 바랍니다
asdfaa22
수강평 6
∙
평균 평점 5.0
2024. 01. 24.
5
100% 수강 후 작성
1. 일단은 난이도가 입문~초급으로 설정되어 있지만, 본인 기준에서 그보다는 높은 수준의 강의라고 생각됩니다 2. MVVM에 대한 개요를 설명해주시기는 하지만, 사실 이제 막 입문하는 입장에서는 조금 이해하기 어려운 부분도 있었던 것 같습니다. RxSwift와 MVVM을 연결해서 도식화 해서 구조를 설명해주셨으면 이해가 잘 될것 같기도 합니다.( 아 물론 100% 이해시키는 강의는 없을 뿐더러 반드시 수강생이 공부해야 하는 부분도 있기 때문에 개인차가 있을 듯 합니다.) 3. Collection View에 대한 사전 지식이 어느정도 있어야 할 것 같고, 섹션/레이아웃 등 에 대한 코드와 구조 설명도 제가 이해하기에는 조금 어려운 부분이 있었습니다. 4. 스토리보드가 아닌 Snapkit으로 뷰를 구성하는 점은 매우매우 도움이 되는 부분입니다. 5. 단점만 써놓은 것 같지만, 사실 이정도로 유용하고 깊게 다루는 강의는 없는 것 같습니다. 어느정도 ios개발을 이해하시는 분들은 꼭 들으시면 좋은 강의입니다. + 한달 지난 후기 일단, 위에 단점을 줄줄 늘어놨는데 본 강의에서 배운 스냅킷으로 어떠한 뷰와 화면을 구성할 수 있는 자신감이 생겨서 스냅킷으로 클론 코딩 하고 있습니다. 당장 아이디어가 없어서 공부라도 하고싶으신 분들은 이거 들으셔서 스냅킷으로 기존에 있는 앱 클론 코딩해보세요... 도움이 많이되네요...!
- 덤벨로퍼
  지식공유자
  2024. 01. 29.
  안녕하세요 성의 있는 양질의 피드백 너무 감사합니다 ! 강의를 좀더 개선 시킬 계획인데 반영하기 너무 좋은 내용인것 같아요. 주신 말씀 참고해서 더 나은 강의 만들도록 노력하겠습니다 감사합니다 !
인호 황
수강평 1
∙
평균 평점 5.0
2023. 12. 31.
5
100% 수강 후 작성
짧고 알차게 배울 수 있었습니다.
- 덤벨로퍼
  지식공유자
  2024. 01. 03.
  좋은 말씀 감사합니다 더 좋은 강의 만들겠습니다!

덤벨로퍼님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

Tuist로 끝내는 프로젝트 자동화와 모듈화

덤벨로퍼

대규모 iOS 프로젝트의 고질적인 문제인 .pbxproj 충돌과 복잡한 의존성 관리, 이제 Tuist로 완벽하게 해결합니다. 본 강의는 신규 프로젝트를 처음부터 확장 가능한 멀티 모듈 구조로 구축하고, 실무에서 마주하는 외부 라이브러리 연동 및 리소스 관리의 정수를 마스터하도록 설계되었습니다. --- 핵심 학습 포인트 (Key Takeaways) * 🏗️ 체계적인 프로젝트 설계: Workspace와 Project를 유기적으로 분리하여, 팀별 오너십을 확보하고 충돌 없는 협업 환경을 구축합니다. * 📐 올바른 모듈 설계 원칙: 모든 것을 한곳에 담는 'SharedKit'의 함정을 피하고, 의존성 단방향 원칙을 지키는 건강한 모듈 세분화 전략을 익힙니다. * 📦 외부 라이브러리 마스터: Tuist 4.0의 Package.swift를 활용해 Alamofire, TCA, Kingfisher 등 필수 라이브러리를 각 모듈에 효율적으로 분배하고 연동합니다. * 🖼️ 완벽한 리소스 관리: 모듈 분리 시 발생하는 리소스 번들 이슈를 완벽히 이해하고, Tuist의 자동 생성 기능을 통한 Type-Safe 리소스 접근으로 런타임 크래시를 방지합니다. * ⚙️ 환경별 설정 분리: xcconfig와 빌드 Configuration을 활용해 Debug, QA, Release 환경에 따른 앱 이름, Bundle ID, API URL을 코드로 완벽히 제어합니다.

초급

iOS, Swift, tuist

Tuist로 끝내는 프로젝트 자동화와 모듈화

덤벨로퍼

iOS Clean Architecture & MVVM: RxSwift 완전 정복

덤벨로퍼

Clean Architecture와 MVVM 패턴을 실무에서 적용할 수 있도록 설명하며, RxSwift, Concurrency 등 필수 기술을 다룹니다.

초급

Swift, iOS, clean-architecture

iOS Clean Architecture & MVVM: RxSwift 완전 정복

덤벨로퍼

SwiftUI + TCA: 실전 프로젝트로 완성하는 차세대 iOS 아키텍처

덤벨로퍼

복잡한 SwiftUI 상태 관리, TCA (The Composable Architecture)로 깔끔하고 견고한 앱을 만드세요. 실전 프로젝트 예제로 핵심만 빠르게 배웁니다.

초급

Swift, SwiftUI, iOS

SwiftUI + TCA: 실전 프로젝트로 완성하는 차세대 iOS 아키텍처

덤벨로퍼

RxSwift 와 반응형 프로그래밍

덤벨로퍼

RxSwift의 기초와 활용법을 다루는 강의입니다

초급

iOS, Swift, RxSwift

RxSwift 와 반응형 프로그래밍

덤벨로퍼

iOS 개발자라면 꼭 알아야할 Swift

덤벨로퍼

어렵고 복잡한 Swift 언어의 특징을 이해하기 위한 강의 입니다.

초급

iOS, Swift, MVVM

iOS 개발자라면 꼭 알아야할 Swift

덤벨로퍼

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

아이폰 ios 개발 강좌 - 앱 12개를 만들며 배우는 Swift3 & iOS10

뭐하는거니?

Swift3 를 이용해 여러개의 앱을 만들어 보는 iOS 개발강좌 입니다. 기본적인 내용을 빠르게 학습하고, 여러 실용적인 예제들로 지식을 자신을 것으로 만들 수 있는 강좌 입니다. 최대한 빠르고, 효율적으로 iOS 개발자가 될 수 있도록 도와줍니다.

초급

iOS, Swift

아이폰 ios 개발 강좌 - 앱 12개를 만들며 배우는 Swift3 & iOS10

뭐하는거니?

iOS Clean Architecture & MVVM: RxSwift 완전 정복

덤벨로퍼

Clean Architecture와 MVVM 패턴을 실무에서 적용할 수 있도록 설명하며, RxSwift, Concurrency 등 필수 기술을 다룹니다.

초급

Swift, iOS, clean-architecture

iOS Clean Architecture & MVVM: RxSwift 완전 정복

덤벨로퍼

Swift 언어로 만드는 테트리스 게임

쎄뮤

Swift 언어로 테트리스 게임을 만들어봅니다.

초급

Swift, iOS

Swift 언어로 만드는 테트리스 게임

쎄뮤

Swift 언어로 배우는 iOS 장기 게임 (Korean Chess)

쎄뮤

Swift 언어로 장기 게임을 만들며, 프로그래밍의 기본적인 감각을 익힙니다.

초급

Swift, iOS

Swift 언어로 배우는 iOS 장기 게임 (Korean Chess)

쎄뮤

Swift 언어로 만드는 고스톱 게임

쎄뮤

iOS 맞고 게임 만들기 Swift swift를 이용하여 재밌는 맞고 게임을 만들어요.

초급

Swift, iOS

Swift 언어로 만드는 고스톱 게임

쎄뮤

iOS SwiftUI AR 증강현실

쎄뮤

새로운 swiftUI 환경에서 증강현실 AR앱을 제작합니다. ARKit, RealityKit, Core ML 등을 활용하여 나만의 스노우 앱을 만들어 봅니다.

초급

iOS, SwiftUI, VR/AR

iOS SwiftUI AR 증강현실

쎄뮤

iOS AutoLayout을 활용한 실전 UI구성 전략 - 카카오톡 같은 고급 UI 만들기

iOS Developer - 이정

실제 존재하는 iOS 앱의 UI를 다각도로 분석하여 전문가 수준의 화면구성을 할 수 있도록 만들어 드립니다.

초급

iOS Autolayout

iOS AutoLayout을 활용한 실전 UI구성 전략 - 카카오톡 같은 고급 UI 만들기

iOS Developer - 이정

Only Javascript만으로 배우는 하이브리드앱 패키징

노란창문

본 강의는 웹 서비스 개발 기술인 Javascript를 사용하여 모바일 환경의 여러 가지 네이티브 앱 기능을 빠르게 만들 수 있는 방법에 대해 배우고 스토어 출시 과정까지 학습할 수 있는 강의입니다.

초급

하이브리드 앱, JavaScript, Android

Only Javascript만으로 배우는 하이브리드앱 패키징

노란창문

창원대학교 박동규 교수의 Swift 언어 기초 강좌

Donggyu Park

널널한 박교수의 최신 Swift 강좌! 강의의 코드는 다음 사이트에서 다운 받으세요 - https://github.com/dongupak/Swift2.0-Programming 그리고 11강, 12강 플레이 안될때 톱니바퀴 아이콘 누르고 동영상 해상도 낮추면 영상 잘 나온다고 합니다. 제보자님 감사드립니다.

초급

Swift

창원대학교 박동규 교수의 Swift 언어 기초 강좌

Donggyu Park

SwiftUI의 Property Wrapper(@State, @Binding...)

밤낮 코딩

SwiftUI 초반에 등장하는 데이터 관련 프로퍼티 래퍼에 대해 배웁니다. @State, @Binding, .constant, ObservableObject, @Published, @ObservedObject, @EnvironmentObject, @Environment

초급

SwiftUI, Swift, iOS

SwiftUI의 Property Wrapper(@State, @Binding...)

밤낮 코딩