[Feat] 👀 3주차 과제 완료 #11

i-colours-u · 2021-10-28T14:37:11Z

📌 관련 이슈

#10 3차 과제 PR입니다.

📌 PR Point

(구동영상)

이번 과제에서 가장 중점적으로 구현한 부분은

- UITableViewDelegate,Datasource 클래스 분리하기 :
기존 VC에서 TableViewDelegate,DataSource을 지나치게 관리를 많이 하고 있는것 같아서
따로 Delegate,Datasource를 NSObject 클래스로 분리해서 사용하고 있습니다!

다른 VC에서 새로운 TableVIew를 만들더라도 Custom TableViewDataSource를 활용해, 테이블뷰 기존보다 간단하게 셀을 빠르게 찍어낼 수 있습니다!!

-스크롤 인터렉션 처리 :
위에서 Delegate 클래스 분리한거에서 scroll된 것을 클로저로 받아와서 VC에서 간단하게만 처리했는데..!
실제 유투브보다는 조금 빠진 부분이 있어서 감안하고 봐주시면 감사하겠습니다.. 하드코딩도 살짝 좀 섞여있어요..
구성자체는
(네비게이션바)
(유투버 View)
(필터 View)
(Table View) 형태로 구성해두고, Scroll 할때마다 - 레이아웃을 조정하는 식으로 처리하고 있습니다!
레이아웃 줄어듬과 동시에 네비게이션바에 있는 아이콘 및 로고에 대한 alpha값도 함께 조정하고 있어요!

그 Youtuber/Filter부분을 일반 TableView에 포함하지 않은 이유는,
실제 유투브에서 비디오 컨테이너 위에 RefreshControl 을 넣는것을 보고, 비디오 영역하고 상단바하고 분리하는게 편할 것 같아서 분리시켜놨슴니다!!!

-PlaceHolder추가 :
Placeholder를 비디오 띄우는 목록에다가 2.5초정도 보여주는 형태로 했습니다!
이후 서버 붙일 경우에 서버하고 함께 수정하겠습니다..!

RefreshControl에 대한 액션도 나중에 처리하겠습니다!

📌 참고 사항

지적사항이나 개선사항, 사소한 질문도 마구마구 달아주세요!! 감사합니다!!!

##### 제목은 최대 50 글자까지만 입력 ############## -> | # 본문은 위에 작성 ######## 본문은 한 줄에 최대 72 글자까지만 입력 ########################### -> | # 꼬릿말은 아래에 작성: ex) #이슈 번호 # --- COMMIT END --- # <타입> 리스트 # feat sparkles : 기능(새로운 기능) # fix beetle : 버그(버그 수정) # refactor hammer : refacetor 리팩토링 # style art : 스타일( 코드 형식 변경, 로직 변경 없음) # doc pencil : 문서(문서 추가, 수정, 삭제) # test white_check_mark : 테스트 코드 추가 # chore moyai : 기타 변경사항 # ------------------ # 제목 첫 글자를 대문자로 # 제목은 명령문으로 # 제목 끝에 마침표(.) 금지 # 제목과 본문을 한 줄 띄워 분리하기 # 본문은 "어떻게" 보다 "무엇을", "왜"를 설명한다. # 본문에 여러줄의 메시지를 작성할 땐 "-"로 구분 # ------------------

YoonAh-dev

진짜 꽁으로 봐도 되나 싶은 코드네요.. ...
항상 많이 배우고 갑니다...
💰💰💰💰💰💰💰💰💰💰💰💰💰💰💰💰💰💰

Taehyeon-Kim · 2021-10-28T15:29:50Z

와 진짜 대박이다... 근래에 봤던 자료 중에 최고인 거 같아,,, 이거 그냥 과제 주차별로 강의 찍어주시면 안되나요?

i-colours-u · 2021-10-28T15:39:37Z

진짜 꽁으로 봐도 되나 싶은 코드네요.. ... 항상 많이 배우고 갑니다... 💰💰💰💰💰💰💰💰💰💰💰💰💰💰💰💰💰💰
와 진짜 대박이다... 근래에 봤던 자료 중에 최고인 거 같아,,, 이거 그냥 과제 주차별로 강의 찍어주시면 안되나요?

다들 잘하시면서 겸손까지 갖추신분들이네요.. 저도 많이 배우겠습니다...! @Taehyeon-Kim @YoonAh-dev

jane1choi

코드 보고 많이 배우는 것도 있지만
항상 사용자 입장에서 디테일한 부분까지 생각하고 기능 구현하는 것 같아서
고런 부분에 대해서도 많이 배웁니다..! (이번주 placeholder 구현도 짱 멋있다구)

진짜 돈 내고 봐야되는거 아닌가..🤔💸
이번주도 고생하셨어요👏👏

jane1choi · 2021-10-29T19:24:15Z

...ssignment/sopt_29th_Assignment/Global/UIComponents/TableView/CustomTableViewDataSource.swift

+
+import UIKit
+
+public class CustomTableViewListDataSource<T>: NSObject, UITableViewDataSource, UITableViewDelegate {


VC에 extension을 걸어서 datasource와 delegate 둘 다 처리해주는 방식으로 구현했을 때
구현하는 셀의 개수가 늘어나다보니 반복되는 코드가 너무 많아져서
어떻게 줄여줄 수 있을지 고민이었는데 이렇게 클래스를 분리해서 쓰는 방법이 있었네여..!👍🏻

혹시 요기서 T가 의미하는게 뭔지 설명해주실 수 있을까여..??

나중에 통신할때 T 요거 많이 보게될텐데, T는 Generic type 이라고 해서 지금 당장 타입 자체를 모를때 ! 사용하는 요소입니다. 나중에 Int가 들어오면 T 는 Int가 되고... String이 들어오면 T는 String형이 되고... Swift가 가지고 있는 강력한 요소중에 제네릭이 있을거에요!! 나중에 통신할때 많이 쓰게 될텐데 필요하면 활용 방법이나 모형같은거 간단히 보여드리겠슴니다!!! @jane1choi

jane1choi · 2021-10-29T19:32:12Z

sopt_29th_Assignment/sopt_29th_Assignment/Screens/Subscribe/SubscribeVC.swift

+
+  private var lastPosY :CGFloat = 0
+  private let dummyVideoData = SubscribeDataModel.Video.loadDummyList()
+  private var currentDataSource: (UITableViewDataSource & UITableViewDelegate)? {


진짜 didSet 활용 잘하셔..👍🏻

heerucan

그 3.5차 세미나를 빙자한 <나, 송지훈은 어떻게 코드를 짰는가?> 강연 기다리고 있습니다.

heerucan · 2021-11-01T18:22:34Z

sopt_29th_Assignment/Podfile

+  pod 'SwiftyJSON', '~> 4.0'
+  pod 'RxSwift', '6.2.0'
+  pod 'RxCocoa', '6.2.0'
+  pod 'SkeletonView'
+  pod 'ListPlaceholder'


다채로운 라이브러리들이네요..

heerucan · 2021-11-01T18:36:46Z

sopt_29th_Assignment/sopt_29th_Assignment/Global/Protocols/UITableViewRegisterable.swift

+protocol UITableViewRegisterable {
+
+    static var isFromNib: Bool { get }
+    static func register(target: UITableView)
+}
+
+extension UITableViewRegisterable where Self: UITableViewCell {
+    static func register(target: UITableView) {
+        if self.isFromNib {
+          target.register(UINib(nibName: Self.className, bundle: nil), forCellReuseIdentifier: Self.className)
+        } else {
+            target.register(Self.self, forCellReuseIdentifier: Self.className)
+        }
+    }
+}


혹시 이게 설마 POP 인가요??
UITableViewRegisterable 프로토콜을 확장해서 내부에 함수를 구현한 것인가...
맞나요..?
설명 점....

heerucan · 2021-11-01T18:50:29Z

..._29th_Assignment/sopt_29th_Assignment/Global/Extension/getClassName + UIViewController.swift

-extension UICollectionViewCell {
-
-    static var className: String {
-        NSStringFromClass(self.classForCoder()).components(separatedBy: ".").last!
-    }
-
-     var className: String {
-        NSStringFromClass(self.classForCoder).components(separatedBy: ".").last!
-    }
-}
-
-
-
-extension UITableViewCell {
+extension UIView {

    static var className: String {
        NSStringFromClass(self.classForCoder()).components(separatedBy: ".").last!


이렇게 UICollectionCell과 UITableViewCell을 지우고 UIView를 썼다는 것은
UIView에 저 2개가 다 속한다는 거겠지? 와.. 새삼 다시 깨닫고 간다.
그리고 정말 이것도 쇽샥 해간다.
더불어 캐치미 대표로 감사의 인사를 전할게.
그리고 신기하다 이런 거는 도대체 어디서 공부하는 걸까? 뇌 속을 공부해보고 싶네..

역시 캐치미 대표답게 캐치가 빠르시네여... 우리가 보는 대부분의 요소들이 UIView를 상속받기 때문에,저렇게 UIView 하나만 Extension 걸어줘도 다 사용이 가능하더라구요!!

heerucan · 2021-11-01T18:58:35Z

sopt_29th_Assignment/sopt_29th_Assignment/Global/Models/Subscribe/VideoDataModel.swift

+        Video(thumbnailImage: ImageLiterals.Subscribe.Video.thumbnail,
+              idx: 105,
+              title: "8차 iOS 세미나 : 8차 세미나 자제휴강하시죠! 엠티가자!",
+              url: "https://www.youtube.com/",


진짜 링크까지 걸었다니.. + 엠티 총대 기대합니다.
sorted까지 하셨네요..와..
이 데이터모델 이거는 써먹고 싶어도 모르겠다.

엠티가고싶네요 ^^ 진짜

heerucan · 2021-11-01T19:00:47Z

sopt_29th_Assignment/sopt_29th_Assignment/Global/Utils/calculateDate.swift

+//
+
+import Foundation
+public func calculatePastTime(date : String) -> String


진짜로..? 진짜로 이것까지 구현하셨다구요? 와.. 정말..

heerucan · 2021-11-01T19:03:03Z

sopt_29th_Assignment/sopt_29th_Assignment/Screens/Subscribe/Video/SubscribeVideoTVC.swift

+  override func prepareForReuse() {
+    thumbnailImageView.image = UIImage()
+    userIconImageView.image = UIImage()
+    titleLabel.text?.removeAll()
+    subtitleLabel.text?.removeAll()
+  }


요거 해준 이유 좀 부탁드려요. 스승님

데이터 계속 쌓여서 cell 재사용되어서 의도치 않은 내용 보이는 경우가 있어서 저렇게 처리해둿슴다!

jane1choi · 2021-11-01T23:24:29Z

그 3.5차 세미나를 빙자한 <나, 송지훈은 어떻게 코드를 짰는가?> 강연 기다리고 있습니다.

그 매주 쩜오차 세미나가 필요할거 같은데 총대 매야겠네여,,

i-colours-u · 2021-11-07T13:23:39Z

그 3.5차 세미나를 빙자한 <나, 송지훈은 어떻게 코드를 짰는가?> 강연 기다리고 있습니다.

그 매주 쩜오차 세미나가 필요할거 같은데 총대 매야겠네여,,

언제나... 필요하다면... 저를 써먹으세요...

# 본문은 위에 작성 ######## 본문은 한 줄에 최대 72 글자까지만 입력 ########################### -> | # 꼬릿말은 아래에 작성: ex) #이슈 번호 # --- COMMIT END --- # <타입> 리스트 # feat sparkles : 기능(새로운 기능) # fix beetle : 버그(버그 수정) # refactor hammer : refacetor 리팩토링 # style art : 스타일( 코드 형식 변경, 로직 변경 없음) # doc pencil : 문서(문서 추가, 수정, 삭제) # test white_check_mark : 테스트 코드 추가 # chore moyai : 기타 변경사항 # ------------------ # 제목 첫 글자를 대문자로 # 제목은 명령문으로 # 제목 끝에 마침표(.) 금지 # 제목과 본문을 한 줄 띄워 분리하기 # 본문은 "어떻게" 보다 "무엇을", "왜"를 설명한다. # 본문에 여러줄의 메시지를 작성할 땐 "-"로 구분 # ------------------

i-colours-u added 9 commits October 28, 2021 03:47

YoonAh-dev reviewed Oct 28, 2021

View reviewed changes

jane1choi reviewed Oct 29, 2021

View reviewed changes

heerucan approved these changes Nov 1, 2021

View reviewed changes

i-colours-u merged commit c2876d1 into main Nov 14, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Feat] 👀 3주차 과제 완료 #11

[Feat] 👀 3주차 과제 완료 #11

i-colours-u commented Oct 28, 2021 •

edited

Loading

YoonAh-dev left a comment

Taehyeon-Kim commented Oct 28, 2021

i-colours-u commented Oct 28, 2021

jane1choi left a comment

jane1choi Oct 29, 2021

i-colours-u Nov 7, 2021 •

edited

Loading

jane1choi Oct 29, 2021

heerucan left a comment

heerucan Nov 1, 2021

heerucan Nov 1, 2021

heerucan Nov 1, 2021

i-colours-u Nov 7, 2021

heerucan Nov 1, 2021

i-colours-u Nov 7, 2021

heerucan Nov 1, 2021

heerucan Nov 1, 2021

i-colours-u Nov 7, 2021

jane1choi commented Nov 1, 2021

i-colours-u commented Nov 7, 2021


		import UIKit

		public class CustomTableViewListDataSource<T>: NSObject, UITableViewDataSource, UITableViewDelegate {

[Feat] 👀 3주차 과제 완료 #11

[Feat] 👀 3주차 과제 완료 #11

Conversation

i-colours-u commented Oct 28, 2021 • edited Loading

📌 관련 이슈

📌 PR Point

📌 참고 사항

YoonAh-dev left a comment

Choose a reason for hiding this comment

Taehyeon-Kim commented Oct 28, 2021

i-colours-u commented Oct 28, 2021

jane1choi left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

i-colours-u Nov 7, 2021 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

heerucan left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

jane1choi commented Nov 1, 2021

i-colours-u commented Nov 7, 2021

i-colours-u commented Oct 28, 2021 •

edited

Loading

i-colours-u Nov 7, 2021 •

edited

Loading