[Feat] #493 - 신규 홈뷰 - 화면 전환 구현 #494

dlwogus0128 · 2025-02-14T14:14:37Z

🌴 PR 요약

신규 홈뷰(활동/비회원 전용)에 필요한 화면 전환을 구현했습니다.

🌱 작업한 브랜치

[Feat] 신규 홈뷰 - 화면 전환 구현 #493

🌱 PR Point

신규 홈뷰(활동/비회원 전용)에 포함된 화면 전환

deepLink, webLink로 화면 전환을 해야 될 때, vc에서 해당 url 값을 넘겨줘야 돼서 아래와 같이 구현했습니다.

extension HomeForMemberVC: UICollectionViewDelegate {
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        if let selectedItem = dataSource.itemIdentifier(for: indexPath) {
            switch selectedItem {
            case .dashBoard(let model):
                self.cellTapped.send(.dashBoard(model))
            ...
            default: return
            }
        }
    }
}

input.cellTapped
            .withUnretained(self)
            .sink { owner, item in
                switch item {
                ...
                case .productService(let model):
                    owner.onMainProductCellTapped?(model.url)
                case .appService(let model):
                    owner.onAppServiceCellTapped?(model.deepLink)
                default: break
                }
            }
            .store(in: cancelBag)

기타 작업 내용

디자인과 달랐던 자잘한 레이아웃들(line spacing, 날짜 포맷, 간격 등)도 함께 수정했습니다 (하하)
홈화면에서 서버 통신 동안 로딩뷰 뜰 수 있도록 작업해뒀습니다!
이번 스프린트에서 배포 안하는 다른 부분들은 전부 주석처리 해뒀습니다... 읽기 불편하실 것 같으니 미리 죄송합니다 🥹

📌 참고 사항

HomePresentationModel 내 중첩된 모델들의 id 값을 어떻게 줘야할지 짧게 고민해봤는데, 데이터 자체에 고유성을 보장할 수 있는 필드가 있는 경우, 그 값으로 지정해줬는데요 (id, memberId, deeplink 등) 괜찮은지 의견 부탁드립니다.

그리고, 이전 이슈에서 반영하지 못했던 코드 리뷰 반영해뒀습니다! 확인 부탁드려요 🙇🏼

최대한 피그마 확인하면서 놓친 분기 없는지 ... 주의하면서 구현하긴 했는데,
(그래도 고쳐야 될 부분이 좀 있는 것 같아요 🥹)

혹시 제가 놓친 부분 있다면 피드백 부탁드립니다.

다음주 배포까지.. 아자아자

📸 스크린샷

기능	스크린샷
HomeForMember	Simulator.Screen.Recording.-.iPhone.16.Pro.Max.-.2025-02-14.at.23.11.05.mp4
HomeForVisitor	Simulator.Screen.Recording.-.iPhone.16.Pro.Max.-.2025-02-14.at.23.12.00.mp4

📮 관련 이슈

Resolved: [Feat] 신규 홈뷰 - 화면 전환 구현 #493

height · 2025-02-14T14:14:41Z

Link Height tasks by mentioning a task ID in the pull request title or commit messages, or description and comments with the keyword link (e.g. "Link T-123").

💡Tip: You can also use "Close T-X" to automatically close a task when the pull request is merged.

yungu0010

너무 고생하셨습니다!! 홈뷰 다 했다 .. . 아자아자!!
+) 참고사항 부분은 자고 일어나서 다시 생각해보겠습니다 ! ! !

yungu0010 · 2025-02-14T16:08:11Z

SOPT-iOS/Projects/Core/Sources/Extension/UIKit+/UILabel+.swift

@@ -20,17 +20,15 @@ public extension UILabel {
        }
    }

-    func setLineSpacingWithChaining(lineSpacing: CGFloat) -> UILabel {
-        let label = self
+    func setLineSpacingWithChaining(lineSpacing: CGFloat) {


함수명을 보니 해당 함수는 메소드 체이닝을 위해 반환값을 만들어둔 것 같아요. 반환값이 필요없다면 같은 역할을 하는 setLineSpacing 함수를 사용하는 것이 좋을 듯 합니다!

ㅋ ㅋ 원래대로 돌려놓을게요 오 오 ..

yungu0010 · 2025-02-14T17:45:01Z

SOPT-iOS/Projects/Data/Sources/Repository/HomeRepository.swift

+        userService.getUserMainInfo()
+            .mapError { error -> MainError in
+                guard let error = error as? APIError else {
+                    return MainError.networkError(message: "Moya 에러")


이 부분을 Moya 에러 대신 더 명확하게 표현하는건 어떨까요? 현재는 MoyaError가 아닌 DecodingError, NSError도 이 부분에서 처리되는 것 같아요.

UserMainInfoModel의 CodingKey를 임의로 수정해 디코딩 오류가 발생하도록 테스트해 본 결과, Service 계층의 requestObjectWithNetworkErrorInCombine에서 디코딩 에러로 진입했습니다.

그렇기 때문에 APIError가 아닌 모든 에러를 Moya 에러로 처리하는 것은 부정확하다고 생각해요.

제가 생각한 대안책은 두 가지가 있습니다.

1️⃣ requestObjectWithNetworkErrorInCombine의 Error를 모두 MoyaError로 감싸기
APIError가 아닌 부분은 모두 MoyaError로 처리할 수 있어 에러 처리가 명확해져요.

// requestObjectWithNetworkErrorInCombine // AS-IS promise(.failure(error)) // TO-BE promise(.failure(MoyaError.objectMapping(error, value)))

// HomeRepository ... guard let error as? APIError else { return MainError.networkError(message: "MoyaError \(error.localizedDescription)") }

실제 MoyaError로 처리되는지 테스트하기 위해 MoyaError 코드를 수정해보았어요.

실행 결과

단점은 적절한 MoyaError를 지정해주어야한다는 것인데요, 번거로움을 줄이기 위해 error.localizedDescription자체를 반환하는 MoyaError.underlying으로 모두 감싸는 것이 더 좋아보여요.

2️⃣ error.localizedDescription 를 반환
APIError가 아닌 경우 에러 타입에 관계없이 error.localizedDescription을 반환합니다.
개인적으로는 default 부분에서 error.localizedDescription을 반환하고, 해당 부분에서는 MoyaError로 감싸는 방식이 더 명확하다고 생각해요!

앗 말씀해주신대로 반영하고 다시 리뷰달겠습니다! 감사합니다

2번 방식으로 수정해두었어용

yungu0010 · 2025-02-14T17:59:19Z

SOPT-iOS/Projects/Features/HomeFeature/Sources/HomeScene/Cells/Calendar/CalendarCardCVC.swift

@@ -126,7 +128,7 @@ extension CalendarCardCVC {
 extension CalendarCardCVC {
    func configureCell(model: HomePresentationModel.RecentSchedule,
                       userType: UserType) {
-        self.dateLabel.text = model.date
+        self.dateLabel.text = setDateFormat(date: model.date, to: "MM.dd")


dateFormatter를 매번 생성하는 것이 성능상 좋지 않다고 알고있는데, 이 부분 주석으로 메모해두고 추후 서버 선생님들께 바꿔 내려달라고 하는건 어떠신가요 ? 저희도 dateFormatter를 재활용하도록 추후 리팩토링 해봅시다 ㅋ.ㅋ
참고링크

아 이거 저번에 dateFormatter 성능 관련해 얘기하면서 ... 서버에 요청하기로 구두로 얘기했던 것 같은데 (그래서 안 고쳐놨었나봐요 ㅋㅋ ) 얘도 서버 쌤들이 바꿔주시고 나면 원래대로 돌려놓겠습니다!

yungu0010 · 2025-02-14T18:19:42Z

SOPT-iOS/Projects/Features/HomeFeature/Sources/HomeScene/Coordinator/HomeCoordinator.swift

@@ -70,7 +132,7 @@ public final class HomeCoordinator: DefaultCoordinator {
        }

        homeCalendarDetail.vm.onAttendanceButtonTap = { [weak self] in
-            self?.requestCoordinating?()
+            self?.requestCoordinating?(.calendar)


이 부분은 캘린더 상세 뷰에서 출석체크로 넘어가는 부분이라 .attendance로 바꿔주세요! 감사합니다🙇‍♀️🙇‍♀️
+) 스크린샷을 보았을 때 출석을 하는 방법이 행사 부분 클릭 > 캘린더 상세뷰 > 출석과 홈뷰에서 출석 버튼을 눌렀을 때로 두 가지 같은데 이 부분이 어색하게 느껴지네욥,, (재현님 의견도 궁금해요! 같은 의견이라면 ,, 홈 뷰 개편이 끝난 후 기획측에 건의해보겠습니다ㅎㅎ)

아하 이거 제가 약간 헷갈렸던 것 같아요! 잘 수정해놓겠습니다

스크린샷을 보았을 때 출석을 하는 방법이 행사 부분 클릭 > 캘린더 상세뷰 > 출석과 홈뷰에서 출석 버튼을 눌렀을 때로 두 가지 같은데 이 부분이 어색하게 느껴지네욥,,

저도 어색하다고 생각하기는 했는데.. 아무래도 홈화면에 드러나는 출석 버튼이 작아서, 캘린더 상세뷰 안에두 넣어두지 않았을까.. 하는 개인적 추측을 해봅니다.. 그치만 윤서 님 말씀대로 기획에 건의해보는 것은 완전 찬성! 합니다

좋아요! QA하는 날 말씀드려보아요~!

yungu0010 · 2025-02-14T18:23:07Z

SOPT-iOS/Projects/Features/HomeFeature/Sources/HomeScene/Models/HomePresentationModel.swift

+    struct UserInfo: Identifiable, Hashable {
+        let id = UUID()
+
+        let history: [Int]
+
+        init(history: [Int]) {
+            self.history = history


사용되지 않는 구조체인 것 같습니다 !

아 이거 쓰는 거여요! DashBoard에서 description이랑 historyList랑 같이 받아주고 있거든유

struct DashBoard: Identifiable, Hashable { let id = UUID() let description: String let historyList: [Int]? init(description: String, userInfo: UserMainInfoModel? = nil) { self.description = description self.historyList = userInfo?.historyList } } struct UserInfo: Identifiable, Hashable { let id = UUID() let history: [Int] init(history: [Int]) { self.history = history } } // MARK: - toPresentation extension HomeDescriptionModel { func toPresentation(userInfo: UserMainInfoModel) -> HomePresentationModel.DashBoard { return HomePresentationModel.DashBoard( description: self.description, userInfo: userInfo ) } }

아하 !! 그러면 DashBoard에서 init할 때 UserMainInfoModel 대신 UserInfo를 사용해야하는거 아닌가요?
그리고 DashBoard와 UserInfo를 나누는 이유도 궁금합니다!

아. 하 그러게요? 이거 UserInfo 없어도 되는 거 맞아요

아 이게.. 제가 DashBoard 하나로 구조체를 묶으려다가

input.viewDidLoad .handleEvents(receiveOutput: { _ in output.isLoading.send(true) }) .flatMap { _ in self.useCase.getUserInfo() } .compactMap { $0 } .flatMap { userInfo in Publishers.Zip3( self.useCase.getHomeDescription().map { $0.toPresentation(userInfo: userInfo) },

위처럼 userInfo 값을 먼저 받은 후에, description이랑 같이 DashBoard로 합쳐주고 있거든요...
이거 뭔가 어색한 것 같기도 한데 어떠세요? 둘이 구조체 각각 나누는 방법도 있는데 뭔가 DashBoard 하나로 묶는 게 화면상에서는 자연스러운 것 같아서요

아하 ~ ! 그러면 혹시 userInfo에 있는 history로 DashBoard를 구성하는건 어떤가요?

// ViewModel input.viewDidLoad .handleEvents(receiveOutput: { _ in output.isLoading.send(true) }) .flatMap { _ in self.useCase.getUserInfo() } .compactMap { $0 } .flatMap { userInfo in Publishers.Zip3( // 수정 부분 self.useCase.getHomeDescription().map { $0.toPresentation(history: userInfo.historyList) }, ...

// HomePresentationModel struct DashBoard: Identifiable, Hashable { let id = UUID() let description: String let historyList: [Int]? init(description: String, history: [Int]) { self.description = description self.historyList = history } }

아하~~~ 좋아요 !!! 반영해두겠습니다

yungu0010 · 2025-02-14T18:33:07Z

SOPT-iOS/Projects/Features/HomeFeature/Sources/HomeScene/VC/HomeForMemberVC.swift

+    var cancelBag = CancelBag()
+    private var cellTapped = PassthroughSubject<HomeForMemberItem, Never>()
+    var attendanceButtonTapped = PassthroughSubject<Void, Never>()


Suggested change

var cancelBag = CancelBag()

private var cellTapped = PassthroughSubject<HomeForMemberItem, Never>()

var attendanceButtonTapped = PassthroughSubject<Void, Never>()

private(set) var cancelBag = CancelBag()

private var cellTapped = PassthroughSubject<HomeForMemberItem, Never>()

private(set) var attendanceButtonTapped = PassthroughSubject<Void, Never>()

yungu0010 · 2025-02-14T18:36:37Z

SOPT-iOS/Projects/Features/HomeFeature/Sources/HomeScene/VC/HomeForVisitorVC.swift

    }

    private func applySnapshot(with appService: [HomePresentationModel.AppService]) {
        var snapshot = NSDiffableDataSourceSnapshot<HomeForVisitorSectionLayoutKind, HomeForVisitorItem>()

        snapshot.appendSections(HomeForVisitorSectionLayoutKind.allCases)

-        snapshot.appendItems([.description(HomePresentationModel.Description(description: ""))], toSection: .dashBoard)
+        snapshot.appendItems([.dashBoard(HomePresentationModel.DashBoard(description: ""))], toSection: .dashBoard)


생성자에서 description default값으로 "" 넣어주는건 어떠신가요?

yungu0010 · 2025-02-14T18:39:19Z

SOPT-iOS/Projects/Features/RootFeature/Sources/ApplicationCoordinator.swift

+            case .calendar:
+                self?.runAttendanceFlow()


아하 여기서 출석뷰로 이동해주고 있군요!! calendar를 attendance로 통일하는건 어떠신가요? destination의 의미상 calendar는 캘린더 상세뷰로 이동한다고 생각할 수 있을 것 같아요.

yungu0010 · 2025-02-14T18:39:47Z

SOPT-iOS/Projects/Features/HomeFeature/Sources/HomeScene/Cells/Calendar/CalendarCardCVC.swift

@@ -14,18 +14,20 @@ import DSKit

 final class CalendarCardCVC: UICollectionViewCell {

+    // MARK: - Properties
+
+    lazy var attendanceButtonTap = attendanceButton.publisher(for: .touchUpInside)


Suggested change

lazy var attendanceButtonTap = attendanceButton.publisher(for: .touchUpInside)

private(set) lazy var attendanceButtonTap = attendanceButton.publisher(for: .touchUpInside)

dlwogus0128

리뷰 감사해~용가리 ㅋ

dlwogus0128 · 2025-02-15T00:30:13Z

SOPT-iOS/Projects/Core/Sources/Extension/UIKit+/UILabel+.swift

@@ -20,17 +20,15 @@ public extension UILabel {
        }
    }

-    func setLineSpacingWithChaining(lineSpacing: CGFloat) -> UILabel {
-        let label = self
+    func setLineSpacingWithChaining(lineSpacing: CGFloat) {


ㅋ ㅋ 원래대로 돌려놓을게요 오 오 ..

dlwogus0128 · 2025-02-15T00:34:51Z

SOPT-iOS/Projects/Features/HomeFeature/Sources/HomeScene/Cells/Calendar/CalendarCardCVC.swift

@@ -126,7 +128,7 @@ extension CalendarCardCVC {
 extension CalendarCardCVC {
    func configureCell(model: HomePresentationModel.RecentSchedule,
                       userType: UserType) {
-        self.dateLabel.text = model.date
+        self.dateLabel.text = setDateFormat(date: model.date, to: "MM.dd")


아 이거 저번에 dateFormatter 성능 관련해 얘기하면서 ... 서버에 요청하기로 구두로 얘기했던 것 같은데 (그래서 안 고쳐놨었나봐요 ㅋㅋ ) 얘도 서버 쌤들이 바꿔주시고 나면 원래대로 돌려놓겠습니다!

dlwogus0128 · 2025-02-18T08:49:27Z

SOPT-iOS/Projects/Data/Sources/Repository/HomeRepository.swift

+        userService.getUserMainInfo()
+            .mapError { error -> MainError in
+                guard let error = error as? APIError else {
+                    return MainError.networkError(message: "Moya 에러")


앗 말씀해주신대로 반영하고 다시 리뷰달겠습니다! 감사합니다

dlwogus0128 · 2025-02-18T08:51:02Z

SOPT-iOS/Projects/Features/HomeFeature/Sources/HomeScene/Coordinator/HomeCoordinator.swift

@@ -70,7 +132,7 @@ public final class HomeCoordinator: DefaultCoordinator {
        }

        homeCalendarDetail.vm.onAttendanceButtonTap = { [weak self] in
-            self?.requestCoordinating?()
+            self?.requestCoordinating?(.calendar)


아하 이거 제가 약간 헷갈렸던 것 같아요! 잘 수정해놓겠습니다

스크린샷을 보았을 때 출석을 하는 방법이 행사 부분 클릭 > 캘린더 상세뷰 > 출석과 홈뷰에서 출석 버튼을 눌렀을 때로 두 가지 같은데 이 부분이 어색하게 느껴지네욥,,

저도 어색하다고 생각하기는 했는데.. 아무래도 홈화면에 드러나는 출석 버튼이 작아서, 캘린더 상세뷰 안에두 넣어두지 않았을까.. 하는 개인적 추측을 해봅니다.. 그치만 윤서 님 말씀대로 기획에 건의해보는 것은 완전 찬성! 합니다

dlwogus0128 · 2025-02-18T09:14:25Z

@yungu0010 코리 반영해뒀으니 확인 부탁드려요옹

yungu0010

우와아ㅏ아아 고생하셨습니다🫶🫶🫶🫶

dlwogus0128 added 12 commits February 14, 2025 13:37

[Fix] #493 - 코드 리뷰 반영

9e61d71

[Fix] #493 - 이후 스프린트에서 배포할 섹션 주석 처리

fb5733e

[Feat] #493 - userHistory 데이터 바인딩

f6fbd77

[Fix] #493 - 홈뷰 description line spacing 수정

83a5302

[Fix] #493 - 캘린더 날짜 포맷 수정

bfc9cd4

[Fix] #493 - 홈뷰 간격 수정

8dbd9f9

[Add] #493 - 로그인 팝업 관련 string literals 추가

fb33cb1

[Add] #493 - 메인 프로덕트 url 속성 추가

a7289fd

[Feat] #493 - 활동/비활동 전용 홈 화면 전환 -> Presentation 레이어 부분구현

1e612d5

[Feat] #493 - 비회원 전용 홈 화면 전환 -> Presentation 레이어 부분 구현

2497a78

[Feat] #493 - HomeCoordinator 구현

7cc1883

[Feat] #493 - ApplicationCoor 부분 구현

8351988

dlwogus0128 added Feat 새로운 기능 구현 재현✦ labels Feb 14, 2025

dlwogus0128 requested review from meltsplit and yungu0010 February 14, 2025 14:14

dlwogus0128 self-assigned this Feb 14, 2025

pull-request-size bot added the size/XL label Feb 14, 2025

yungu0010 reviewed Feb 14, 2025

View reviewed changes

dlwogus0128 commented Feb 18, 2025

View reviewed changes

[Fix] #493 - 코드 리뷰 반영

5b4b581

[Fix] #493 - 코드 리뷰 반영

b170c9b

yungu0010 approved these changes Feb 18, 2025

View reviewed changes

dlwogus0128 merged commit 4e92f0f into develop Feb 18, 2025

dlwogus0128 deleted the feat/#493-new-home-scene-change branch February 18, 2025 10:49

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Feat] #493 - 신규 홈뷰 - 화면 전환 구현 #494

[Feat] #493 - 신규 홈뷰 - 화면 전환 구현 #494

dlwogus0128 commented Feb 14, 2025 •

edited

Loading

height bot commented Feb 14, 2025

yungu0010 left a comment

yungu0010 Feb 14, 2025

dlwogus0128 Feb 15, 2025

yungu0010 Feb 14, 2025

yungu0010 Feb 14, 2025

dlwogus0128 Feb 18, 2025

dlwogus0128 Feb 18, 2025

yungu0010 Feb 14, 2025

dlwogus0128 Feb 15, 2025

yungu0010 Feb 14, 2025

dlwogus0128 Feb 18, 2025

yungu0010 Feb 18, 2025

yungu0010 Feb 14, 2025

dlwogus0128 Feb 18, 2025 •

edited

Loading

yungu0010 Feb 18, 2025

dlwogus0128 Feb 18, 2025 •

edited

Loading

yungu0010 Feb 18, 2025

dlwogus0128 Feb 18, 2025

yungu0010 Feb 14, 2025

yungu0010 Feb 14, 2025 •

edited

Loading

yungu0010 Feb 14, 2025

yungu0010 Feb 14, 2025

dlwogus0128 left a comment

dlwogus0128 Feb 15, 2025

dlwogus0128 Feb 15, 2025

dlwogus0128 Feb 18, 2025

dlwogus0128 Feb 18, 2025

dlwogus0128 commented Feb 18, 2025

yungu0010 left a comment

	lazy var attendanceButtonTap = attendanceButton.publisher(for: .touchUpInside)
	private(set) lazy var attendanceButtonTap = attendanceButton.publisher(for: .touchUpInside)

[Feat] #493 - 신규 홈뷰 - 화면 전환 구현 #494

[Feat] #493 - 신규 홈뷰 - 화면 전환 구현 #494

Conversation

dlwogus0128 commented Feb 14, 2025 • edited Loading

🌴 PR 요약

🌱 PR Point

신규 홈뷰(활동/비회원 전용)에 포함된 화면 전환

기타 작업 내용

📌 참고 사항

📸 스크린샷

📮 관련 이슈

height bot commented Feb 14, 2025

yungu0010 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

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

dlwogus0128 Feb 18, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

dlwogus0128 Feb 18, 2025 • edited Loading

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

yungu0010 Feb 14, 2025 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

dlwogus0128 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

dlwogus0128 commented Feb 18, 2025

yungu0010 left a comment

Choose a reason for hiding this comment

dlwogus0128 commented Feb 14, 2025 •

edited

Loading

dlwogus0128 Feb 18, 2025 •

edited

Loading

dlwogus0128 Feb 18, 2025 •

edited

Loading

yungu0010 Feb 14, 2025 •

edited

Loading