Thumbnail
개발 · 프로그래밍 모바일 앱 개발

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

(4.3)
6개의 수강평 ∙  108명의 수강생

39,600원

지식공유자: 덤벨로퍼
총 52개 수업 (6시간 50분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[모바일 앱 개발] 강의입니다.

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

✍️
이런 걸
배워요!
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을 활용한 레이아웃 구현과 Diffale Datasource를 활용한 데이터와 셀 구현을 통해 간단한 예제를 구현해보며 기초적인 사용 원리를 익힐 거예요.
  • SnapKit과 Kingfisher를 활용합니다.

2. 기초 Modern Collection View 실습

  • 기초에서 배운 내용을 토대로 더 다양한 레이아웃을 구현해 볼 거예요.

3. MVVM + Network 구현

  • SPM을 사용해 라이브러리들을 세팅합니다.
  • RxSwift를 활용한 MVVM 패턴(Input-Output)과 네트워크를 구현합니다.
  • 오픈 API를 사용해 직접 네트워킹합니다.

4. Modern Collection View 심화

  • 구현된 MVVM 프로젝트에 Modern Collection View를 사용해 봅니다.
  • 다양한 레이아웃을 동적으로 구현해봅니다.

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

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

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
Swift Collection View UI를 자유자재로 다루고 싶은 분
한 단계 나아간 Collection View를 사용하고 싶은 분
다양한 라이브러리를 사용해보고 싶으신 분
MVVM 패턴에 익숙하지 않은 분
📚
선수 지식,
필요할까요?
Swift
UIKit

안녕하세요
덤벨로퍼 입니다.
덤벨로퍼의 썸네일

5년차 iOS 개발자 입니다. 좋은 강의 만들도록 노력하겠습니다!

커리큘럼 총 52 개 ˙ 6시간 50분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Modern Collection View 기초
강의 소개 미리보기 04:57
섹션과 아이템 정의 하기 05:45
셀 구현하여 Collection view에 등록하기 ( Snapkit 사용 ) 10:06
레이아웃 개념 03:20
Compositional Layout 구현 08:50
DiffableDatasource 구현 06:05
Snapshot 구현 07:06
셀에 데이터 적용하기 (Kingfisher 사용) 10:48
섹션 1. Modern collection view 다양한 레이아웃 구현
2번 레이아웃 - 셀 구현하기 09:23
2번 레이아웃 - 레이아웃, Datasource, snapshot 구현하기 12:28
2번 레이아웃 - 섹션 Inset 적용하기 03:19
3번 레이아웃 - 셀,레이아웃 구현 09:58
3번 레이아웃 - datasource, snapshot 구현 06:18
섹션 2. MVVM + Network 프로젝트 세팅하기
Project Orientation 미리보기 04:36
라이브러리 세팅 - Kingfisher , Snapkit 05:46
Rxswift, Rxalamofire 개념과 사용방법 & 세팅 06:46
Open API 소개 & 세팅 07:14
Decodable을 통한 TV Entity 구현 08:45
Movie Entity 구현 06:52
Generic 활용하여 네트워크 모듈 구현 08:30
각각의 Network 구현 09:42
View 레이아웃 구현 14:03
MVVM 패턴이란 05:08
MVVM 패턴 구현 15:00
MVVM 패턴 구현2 +실습 02:48
MVVM 패턴에 네트워킹 구현1 09:10
MVVM 패턴에 네트워킹 구현 2 08:32
섹션 3. Modern Collection view 심화
Section Orientation 미리보기 02:39
섹션 과 아이템 정의 - 데이터를 포함한 Enum 타입 03:31
셀 구현하기 09:56
Compositional Layout 구현 07:04
DiffableDatasource 구현 - Item 타입에 맞는 셀 리턴하기 04:24
Snapshot 구현 - TV 데이터 적용 05:37
다양한 섹션과 아이템 정의 09:34
배너 타입 셀 구현 10:31
리스트 타입 셀 구현 08:23
Collection View 헤더 구현 04:58
섹션에 맞는 다양한 레이아웃 구현 08:24
아이템에 맞는 다양한 셀 사용 & 데이터 적용 09:42
섹션에 맞는 헤더 레이아웃 & 사용 06:56
리스트 타입 레이아웃 구현하기 설명 01:59
리스트 타입 레이아웃 구현하기 07:54
마치며 미리보기 01:30
섹션 4. 추가 강의
섹션 소개 미리보기 02:25
MVVM 네트워크 에러 처리 07:42
Cell 터치이벤트 & Item 데이터 전달 12:48
API 확인 & 리뷰 Entity 구현 12:57
리뷰 네트워크 구현 05:23
리뷰 ViewModel 구현 및 바인딩 13:17
CompositionalLayout List 구현 - 1 20:06
CompositionalLayout List 구현 - 2 09:49
Section Snaptshot 으로 셀 확장 축소 구현 12:12
강의 게시일 : 2023년 05월 11일 (마지막 업데이트일 : 2024년 03월 23일)
수강평 총 6개
수강생분들이 직접 작성하신 수강평입니다.
4.3
6개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
asdfaa22 thumbnail
5
1. 일단은 난이도가 입문~초급으로 설정되어 있지만, 본인 기준에서 그보다는 높은 수준의 강의라고 생각됩니다 2. MVVM에 대한 개요를 설명해주시기는 하지만, 사실 이제 막 입문하는 입장에서는 조금 이해하기 어려운 부분도 있었던 것 같습니다. RxSwift와 MVVM을 연결해서 도식화 해서 구조를 설명해주셨으면 이해가 잘 될것 같기도 합니다.( 아 물론 100% 이해시키는 강의는 없을 뿐더러 반드시 수강생이 공부해야 하는 부분도 있기 때문에 개인차가 있을 듯 합니다.) 3. Collection View에 대한 사전 지식이 어느정도 있어야 할 것 같고, 섹션/레이아웃 등 에 대한 코드와 구조 설명도 제가 이해하기에는 조금 어려운 부분이 있었습니다. 4. 스토리보드가 아닌 Snapkit으로 뷰를 구성하는 점은 매우매우 도움이 되는 부분입니다. 5. 단점만 써놓은 것 같지만, 사실 이정도로 유용하고 깊게 다루는 강의는 없는 것 같습니다. 어느정도 ios개발을 이해하시는 분들은 꼭 들으시면 좋은 강의입니다. + 한달 지난 후기 일단, 위에 단점을 줄줄 늘어놨는데 본 강의에서 배운 스냅킷으로 어떠한 뷰와 화면을 구성할 수 있는 자신감이 생겨서 스냅킷으로 클론 코딩 하고 있습니다. 당장 아이디어가 없어서 공부라도 하고싶으신 분들은 이거 들으셔서 스냅킷으로 기존에 있는 앱 클론 코딩해보세요... 도움이 많이되네요...!
2024-01-24
지식공유자 덤벨로퍼
안녕하세요 성의 있는 양질의 피드백 너무 감사합니다 ! 강의를 좀더 개선 시킬 계획인데 반영하기 너무 좋은 내용인것 같아요. 주신 말씀 참고해서 더 나은 강의 만들도록 노력하겠습니다 감사합니다 !
2024-01-29
인호 황 thumbnail
5
짧고 알차게 배울 수 있었습니다.
2023-12-31
지식공유자 덤벨로퍼
좋은 말씀 감사합니다 더 좋은 강의 만들겠습니다!
2024-01-03
장준모 thumbnail
5
MVVM, RxSwift, ModerCollectionView의 기본과 사용법까지 모두 배우는 점이 유용했습니다
2023-09-19
지식공유자 덤벨로퍼
답변 감사합니다 ! 도움이 되셨길 바랍니다
2023-09-29
hanmix2003 thumbnail
5
한 두번 정도 밖에 써보지 않은 compositionalLayout과 DiffableDataSource에다가 이제 막 입문해서 적용하는데 헤매고 있는 RxSwift + MVVM 까지 한번에 다루는 강의를 찾고 있었는데 마침 딱 발견하게 되서 오후에 결제하고 새벽 내내 들으며 완강했네요 :D 특히 RxSwift의 Input, Output 형태에 대해 조금 감을 잡은 상태에요 궁금한게 투성이지만 여러번 돌려보며 부딪혀 보겠습니다!
2023-07-09
지식공유자 덤벨로퍼
강의가 도움이 되었다니 너무 기쁩니다! 화이팅하시고 응원 할게요~!
2023-07-18
eunsik thumbnail
5
좋은 강의였어요. 한번더 들어야겠어요^^
2024-03-25