Feature/#8 home section UI, API implementation #12

LaonCoder · 2024-11-27T17:42:43Z

📌 PR 요약

🌱 작업한 내용

(1) UI

상단 무한 스크롤 광고 배너
카테고리 뷰
찜한 상품 리스트 뷰
중간 광고 배너
실시간 인기랭킹 리스트 뷰
상품 추천 뷰

(2) API

HomeApi, HomeDto, HomeTarget 추가
ResponseData (베이스 모델) 추가

🌱 PR 포인트

API 호출 시T타입으로 JSON 디코딩하는 게 아니라 ResponseData<T> 타입으로 디코딩하도록 수정했습니다.

서버 리스폰스가 ResponseData와 같이 내려옵니다.

switch response.result {
case .success:
    do {
        let decodedData = try JSONDecoder().decode(ResponseData<T>.self, from: data)
        completion(.success(decodedData.data))
    } catch {
        completion(.failure(.parsingError))
    }

홈에서 DiffableDatasource 사용할 때 Item의 타입을 AnyHashable로 설정한 다음, 이를 캐스팅해서 사용하고 있는데, Swift6에서 이와 같은 방식이 허용되지 않는다고 하더라고요,, 데이터 구조가 다를 때 AnyHashable을 사용하는 대신 어떻게 수정할 수 있을까요..?
```
private var dataSource: UICollectionViewDiffableDataSource<HomeSection, AnyHashable>!
```
CollectionView를 사용해서 UI를 구현하다보니까, 화면 아래까지 내렸다가 위로 올리는 경우 배너가 0번 인덱스로 초기화되는 이슈가 있습니다. (셀 재사용) 기존 컬리 앱에서는 스크롤 했다 올려도 이전 배너 이미지가 보여지던데, 이렇게 하려면 인덱스 값을 따로 저장해놓아야 할까요??
파일, 폴더 구조랑 폰트는 추후 리팩토링하겠습니다..!
+) 추가 서버 작업이 필요한 파라미터가 있어서, 리팩토링 진행하면서 반영해놓겠습니다.

📸 스크린샷

|파일첨부바람|

📮 관련 이슈

Resolved: [feat] 홈 / 홈 내 섹션 UI 구현 #8

- HomeMainBannerView 및 HomeMainBannerCell, HomeMainBannerPageControl 컴포넌트 구현 - 배너 이미지 추가 (svg 포맷) - HomeViewController 내 bannerImagesMock 추가, setUI 메서드 추가

- 홈 카테고리 영역 구현 - HomeModels, HomeSection 및 MockData 추가 - DiffableDatasource, CompositionalLayout 기반 리팩토링 (AnyHashable 수정 필요) - gitkeep 파일 임시 추가

- HomeViewController 내 위시 리스트 섹션 추가 - HomeWishListCell, HomeWishListHeaderView 구현 - Formatter extension 추가

- 홈 중간 광고 배너 뷰 (HomeMidBannerCell 구현)

- 홈 랭킹 리스트 뷰에 필요한 하위 뷰(헤더, 셀, 푸터) 구현 (HomeViewController에 셀만 추가) - HomeModels에 랭킹 리스트 관련 모델 추가 - icn_home_arrow_right_black 아이콘 추가

- HomeViewController 내 랭킹 리스트 섹션 코드 추가 - 랭킹 리스트 더미 이미지 추가 - HomeSection > .rankingList 추가 - 랭킹 리스트 관련 MockData 추가 - HomeRankingListGradientBackgroundView 그라디언트 방향 변경 - 위시 리스트 셀 groupSpacing으로 변경

- MockData에 recommendListSection 데이터 추가 - HomeRecommendListCell, HomeRecommendListHeaderView 구현 - HomeViewController 내 랭킹 리스트 섹션 코드 추가 - 추천 섹션 관련 이미지 추가

- HomeApi, HomeDto, HomeTarget 추가 - ResponseData 모델 추가 - 모델 프로퍼티 네이밍 수정 - getHomeData 메서드 구현 - 셀 내 이미지 데이터 URL을 통해 받아오도록 수정

Sangwook123

코드양이 엄청 많네요 ㅎㄷㄷ 고생하셨습니다

Sangwook123 · 2024-11-27T17:58:53Z

MarketKurly.xcodeproj/project.pbxproj

이거 discard 해도 되지 않나요 ?!

MarketKurly/Core/Network/Home/HomeTarget.swift

sem-git · 2024-11-28T09:55:43Z

MarketKurly/Core/Extensions/Formatter+.swift

+extension Formatter {
+    static let currency: NumberFormatter = {
+        let formatter = NumberFormatter()
+        formatter.numberStyle = .decimal     // 천 단위로 ',' 추가
+        formatter.maximumFractionDigits = 0  // 소수점 자리는 없도록 설정
+        formatter.minimumFractionDigits = 0
+        return formatter
+    }()
+}


저는 이 부분 코드 내에서 구현했었는데 따로 분리해주셨네요 👍
합치면서 활용하겠습니다!

sem-git

굿굿

- BASE_URL 추가 (DEV.xcconfig, RELEASE.xcconfig 파일 추가 필요) - 셀 내 indentifer 제거

LaonCoder added 10 commits November 24, 2024 15:09

[feat] #8 implement home main banner

cfd48f9

- HomeMainBannerView 및 HomeMainBannerCell, HomeMainBannerPageControl 컴포넌트 구현 - 배너 이미지 추가 (svg 포맷) - HomeViewController 내 bannerImagesMock 추가, setUI 메서드 추가

[feat] #8 implement home category section

db9d2af

- 홈 카테고리 영역 구현 - HomeModels, HomeSection 및 MockData 추가 - DiffableDatasource, CompositionalLayout 기반 리팩토링 (AnyHashable 수정 필요) - gitkeep 파일 임시 추가

[feat] #8 implement home wish list section

dacadce

- HomeViewController 내 위시 리스트 섹션 추가 - HomeWishListCell, HomeWishListHeaderView 구현 - Formatter extension 추가

[feat] #8 implement home mid banner cell

bf7ecd4

- 홈 중간 광고 배너 뷰 (HomeMidBannerCell 구현)

[feat] #8 implement home ranking section subviews

032eba6

- 홈 랭킹 리스트 뷰에 필요한 하위 뷰(헤더, 셀, 푸터) 구현 (HomeViewController에 셀만 추가) - HomeModels에 랭킹 리스트 관련 모델 추가 - icn_home_arrow_right_black 아이콘 추가

[feat] #8 implement home recommend list section

c5603cb

- MockData에 recommendListSection 데이터 추가 - HomeRecommendListCell, HomeRecommendListHeaderView 구현 - HomeViewController 내 랭킹 리스트 섹션 코드 추가 - 추천 섹션 관련 이미지 추가

[feat] implement home api

31f2d32

- HomeApi, HomeDto, HomeTarget 추가 - ResponseData 모델 추가 - 모델 프로퍼티 네이밍 수정 - getHomeData 메서드 구현 - 셀 내 이미지 데이터 URL을 통해 받아오도록 수정

Merge branch 'develop' into feature/#8-home-section-ui-implementation

8e1470c

Merge branch 'develop' into feature/#8-home-section-ui-implementation

d839a75

LaonCoder added UI 구현 서버 연동 지석 labels Nov 27, 2024

LaonCoder requested review from Sangwook123 and sem-git November 27, 2024 17:42

LaonCoder changed the title ~~Feature/#8 home section UI implementation~~ Feature/#8 home section UI, API implementation Nov 27, 2024

Sangwook123 approved these changes Nov 27, 2024

View reviewed changes

sem-git reviewed Nov 28, 2024

View reviewed changes

sem-git approved these changes Nov 28, 2024

View reviewed changes

sem-git assigned LaonCoder Nov 28, 2024

LaonCoder added 3 commits November 29, 2024 17:33

[chore] #8 delete developer id

bb23fe2

Merge branch 'develop' into feature/#8-home-section-ui-implementation

f072760

[chore] #8 add BASE_URL, remove cell identifier

ade88a2

- BASE_URL 추가 (DEV.xcconfig, RELEASE.xcconfig 파일 추가 필요) - 셀 내 indentifer 제거

LaonCoder force-pushed the feature/#8-home-section-ui-implementation branch from 88aba60 to ade88a2 Compare November 29, 2024 09:41

Merge branch 'develop' into feature/#8-home-section-ui-implementation

bee03cf

LaonCoder merged commit d585745 into develop Nov 29, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feature/#8 home section UI, API implementation #12

Feature/#8 home section UI, API implementation #12

LaonCoder commented Nov 27, 2024 •

edited

Loading

Sangwook123 left a comment

Sangwook123 Nov 27, 2024

LaonCoder Nov 29, 2024

sem-git Nov 28, 2024

sem-git left a comment

Feature/#8 home section UI, API implementation #12

Feature/#8 home section UI, API implementation #12

Conversation

LaonCoder commented Nov 27, 2024 • edited Loading

📌 PR 요약

(1) UI

(2) API

📸 스크린샷

📮 관련 이슈

Sangwook123 left a comment

Choose a reason for hiding this comment

Sangwook123 Nov 27, 2024

Choose a reason for hiding this comment

LaonCoder Nov 29, 2024

Choose a reason for hiding this comment

sem-git Nov 28, 2024

Choose a reason for hiding this comment

sem-git left a comment

Choose a reason for hiding this comment

LaonCoder commented Nov 27, 2024 •

edited

Loading