Feat [#31] 마이페이지 구현

[boyeon0119]

👾 작업 내용

• 마이페이지 UI 구현 완성하였습니다. 아직 로그아웃, 회원탈퇴 그리고 웹뷰 연결은 안했어요.

🚀 PR Point

유저 더미 데이터 연결

• 유저 이름과 포인트 더미데이터를 만들었습니다.

struct UserModel {
    let userName: String
    let point: Int
}

extension UserModel {
    static func dummy() -> UserModel {
        return UserModel(userName: "여민서", point: 3000)
    }
}

• 그리고 bindData()를 통해 다음과 같이 연결시켰습니다.

extension UserPointHeaderView {
    func bindData(model: UserModel) {
        let numberFormatter: NumberFormatter = NumberFormatter()
        numberFormatter.numberStyle = .decimal
        let userPoint: String = numberFormatter.string(for: model.point) ?? "0"
        self.userLabel.text = model.userName
        self.countPointLabel.text = "\(userPoint)"
    }
}

case 0:
            if kind == UICollectionView.elementKindSectionHeader {
                guard let headerView = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: UserPointHeaderView.identifier, for: indexPath) as? UserPointHeaderView else {
                    return UICollectionReusableView()
                }
                **headerView.bindData(model: UserModel.dummy())**
                return headerView
            }

---

공통 Cell 재사용

• 공통 셀을 만들어 '지금까지의 여정', '상점', '이용약관', '개인정보처리방침' 4개의 셀을 만들었습니다.
• '이용약관'과 '개인정보처리방침'에서는 아이콘 이미지의 값을 nil로 줘서 title만 뜨게 했습니다.

case 2:
            if indexPath.item == 0 {
                item.configureCell(iconImage: nil, labelText: StringLiteral.myPage.TOS, labelColor: .whiteText)
            } else if indexPath.item == 1 {
                item.configureCell(iconImage: nil, labelText: StringLiteral.myPage.privacyPolicy, labelColor: .whiteText)
            }
            return item

아직 화면 연결은 하지 못했습니다....

📸 스크린샷

구현 내용	스크린샷
마이페이지

🚀 기기 대응

기기명	Iphone 13 mini	Iphone 14	Iphone 15 pro	Iphone SE(3rd)
스크린샷

✅ Issue

Resolved #31

[kim-seonwoo]

오 상당히 빠릅니다... 완성.. 수고하셨어요!

[Zoe0929]

LGTM ~