Style/#360 공통퀘스트 UI 구현 by dev-domo · Pull Request #368 · 36-APPJAM-HEARTZ/BYEBOO-iOS

dev-domo · 2026-02-22T07:51:10Z

🔗 연결된 이슈

Connected: [Style] 공통 퀘스트 UI #360

📄 작업 내용

공통퀘스트 뷰는 하나의 테이블뷰로 이루어져있습니다.
날짜 선택하는 뷰를 중단이라고 하고 그 위를 상단, 아래는 하단이라고 불러볼게요.

상단(CommonQuestHeaderView)은 테이블뷰의 tableHeaderView 속성으로 설정했습니다. tableHeaderView 특성상 스크롤이 가능합니다
중단(DateNavigator)는 테이블뷰의 섹션 헤더로 설정했습니다. 이때 섹션 개수는 1개로 하여 화면 맨 아래까지 계속 스크롤해도 DateNavigator가 항상 상단에 고정되도록 만들었습니다.
하단에는 CommonQuestContentCell(질문 내용부터 답변 작성하기 버튼까지)과 그 아래에 답변 유무에 따라 NoAnswerCell / CommonQuestAnswersCell이 배치됩니다.

구현 내용	IPhone 16 pro	IPhone 13 mini
답변이 없는 경우
답변이 있는 경우
스크롤

퀘스트 질문, 마감 기한, 답변 개수, 답변 작성하기 버튼

juri123123

복잡한 뷰였을텐데 고생하셨습니다!
전체적으로 font를 FontManager 통해서 설정해주고 있는데 applyByeBooFont 이용해주면 좋을 것 같아요~
테이블뷰를 야무지게 활용한게 인상적입니다!

ByeBoo-iOS/ByeBoo-iOS/Presentation/Extension/UITableView+.swift

juri123123 · 2026-02-22T11:30:38Z

ByeBoo-iOS/ByeBoo-iOS/Domain/Entity/CommonQuestAnswersEntity.swift

+struct CommonQuestAnswersEntity {
+    let question: String
+    let answerCount: Int
+    let isAnswered: Bool
+    let answers: [CommonQuestAnswerEntity]
+}
+
+struct CommonQuestAnswerEntity {
+    let answerID: Int
+    let writer: String
+    let profileIcon: String
+    let writtenAt: Date
+    let content: String
+}


뭐가 다른건지 한참 봣네요 ㅋㅋㅋㅋ

...OS/ByeBoo-iOS/Presentation/Feature/Quest/View/CommonQuest/Cells/CommonQuestAnswersCell.swift

juri123123 · 2026-02-22T11:41:22Z

ByeBoo-iOS/ByeBoo-iOS/Presentation/Feature/Quest/View/CommonQuest/DateNavigator.swift

+    private let yesterday: Int = -1
+    private let tommorw: Int = 1


오호 그냥 +1 -1이 아니라 상수로 선언해준거 좋네용 !

juri123123 · 2026-02-22T11:42:24Z

ByeBoo-iOS/ByeBoo-iOS/Presentation/Feature/Quest/View/CommonQuest/DateNavigator.swift

+    private var isToday: Bool {
+        calendar.isDateInToday(currentDate)
+    }


이 변수는 왜 아래에 위치하는 건가용?

extension에서 구현해준 moveYesterday/moveTommorw에서 updateNextButton 메서드를 사용하고, updateNextButton 메서드에서 isToday 계산속성을 사용해서 같은 extension에 위치시켰어요!

y-eonee

복잡한 뷰인데 정말 고생 많으셨습니다 !!!

y-eonee · 2026-02-23T05:57:37Z

ByeBoo-iOS/ByeBoo-iOS/Domain/Entity/CommonQuestAnswersEntity.swift

+            writer: "장원영",
+            profileIcon: "SO_SO",
+            writtenAt: Date.now,
+            content: "헤어진 지 벌써 일주일이 지났습니다. 처음에는 실감이 안 나서 눈물조차 나오지 않았어요. 그저 멍하니 천장만 바라보며 시간을 보냈습니다. 그런데 오늘 아침, 습관적으로 휴대폰을 확인하다가 더 이상 '굿모닝' 인사를 보낼 사람이 없다는 사실을 깨닫고 그제야 무너져 내렸습니다. 밥알이 모래알 같아서 잘 넘어가지도 않네요. 친구들은 시간이 약이라고, 더 좋은 사람 만날 거라고 위로하지만 지금 당장은 그 어떤 말도 귀에 들어오지 않습니다."


원영씨 이별해서어뜩해..

...OS/ByeBoo-iOS/Presentation/Feature/Quest/View/CommonQuest/Cells/CommonQuestAnswersCell.swift

y-eonee · 2026-02-23T06:00:36Z

...OS/ByeBoo-iOS/Presentation/Feature/Quest/View/CommonQuest/Cells/CommonQuestAnswersCell.swift

+        if let profileIcon {
+            userIconView.image = profileIcon
+        } else {
+            userIconView.do {
+                $0.backgroundColor = .grayscale600
+                $0.layer.cornerRadius = 10
+            }
+        }


근데 프로필아이콘은 모든 사람들이 다 가지고 있지 않나여? 기본 배경값 설정을 해주신 이유가 궁금합니다!!

호옥시나 서버에서 프로필 이미지 타이틀을 잘못 넘겨줬을 때를 디버깅하기 위한 코드입니당

y-eonee · 2026-02-23T06:05:30Z

...OS/ByeBoo-iOS/Presentation/Feature/Quest/View/CommonQuest/Cells/CommonQuestContentCell.swift

+            $0.textColor = .grayscale50
+            $0.font = FontManager.sub3M18.font
+            $0.numberOfLines = 0
+            $0.lineBreakStrategy = []


우와 linebrakemode랑은 또 다른 친구군요
차이점 찾아봤는데 lineBreakStrategy가 한글 지원하는 거 빼고 조금 헷갈리네요

y-eonee · 2026-02-23T06:11:43Z

ByeBoo-iOS/ByeBoo-iOS/Presentation/Feature/Quest/ViewController/CommonQuestViewController.swift

+    }
+
+    override func setDelegate() {
+        rootView.commonQuestTableView.do {


우와 여기 되게 고능해요

y-eonee · 2026-02-23T06:21:04Z

ByeBoo-iOS/ByeBoo-iOS/Presentation/Feature/Quest/ViewModel/CommonQuestViewModel.swift

+    private enum ProfileIcon: String, CaseIterable {
+        case sad = "SAD"
+        case selfUnderstanding = "SELF_UNDERSTANDING"
+        case soso = "SO_SO"
+        case relieved = "RELIEVED"
+
+        var image: UIImage {
+            switch self {
+            case .sad:
+                return .sadnessBadge
+            case .selfUnderstanding:
+                return .selfUnderstandingBadge
+            case .soso:
+                return .sosoBadge
+            case .relieved:
+                return .relievedBadge
+            }
+        }
+    }


ByeBooEmotion enum 만들어둔게 있는데 그 이넘에 image를 추가하는 방식은 어떨까요?? jw

적용해보려고 했는데 enum 안에 케이스가 하나 달라서 어려울 것 같아요 ㅠㅠ

y-eonee · 2026-02-23T06:32:38Z

ByeBoo-iOS/ByeBoo-iOS/Presentation/Feature/Quest/View/CommonQuest/CommonQuestHeaderView.swift

+        historyButton.do {
+            $0.setTitle("나의 답변 모아보기", for: .normal)
+            $0.setTitleColor(.primary200, for: .normal)
+            $0.titleLabel?.font = FontManager.cap1M12.font
+            $0.layer.cornerRadius = 12
+            $0.layer.borderColor = UIColor.grayscale800.cgColor
+            $0.backgroundColor = UIColor.white.withAlphaComponent(0.05)
+        }


이거 컴포넌트가 있어요! !!!! .. TipTag 라는 이름으로 써있어가지고 ㅠㅠ 컴포넌트로 바꿀 수 있다면 교체하면 좋을 것 같습니당

dev-domo added 11 commits February 18, 2026 21:55

setting: #360 공통퀘스트 UI에 필요한 이미지 세팅

79f6f28

feat: 날짜별 공통퀘스트 조회 API 연동을 위한 준비

47cb1d7

refactor: #360 CommonQuestViewController 생성 시 뷰모델 주입

2c91dbb

feat: #360 dequeueReusableCell 메서드 확장 구현

aec0bb7

feat: #360 identifier 확장 구현

5d157bf

style: #360 공통퀘스트 뷰 및 뷰컨트롤러 구현

b000618

style: #360 테이블 뷰의 헤더 뷰 구현

bcaf3a5

style: #360 테이블 뷰의 섹션 헤더(날짜 선택) 구현

8666e68

style: #360 퀘스트 내용 셀 구현

5de55a1

퀘스트 질문, 마감 기한, 답변 개수, 답변 작성하기 버튼

style: #360 공통퀘스트 답변이 존재하는 경우의 테이블 뷰 셀 구현

b6083bc

style: #360 공통퀘스트 답변이 없는 경우의 테이블 뷰 셀 구현

4d5fc28

dev-domo requested review from juri123123 and y-eonee February 22, 2026 07:51

dev-domo self-assigned this Feb 22, 2026

dev-domo added this to HEARTZ-iOS Feb 22, 2026

dev-domo added 승준🤠 style UI 구현 labels Feb 22, 2026

dev-domo linked an issue Feb 22, 2026 that may be closed by this pull request

[Style] 공통 퀘스트 UI #360

Closed

1 task

juri123123 approved these changes Feb 22, 2026

View reviewed changes

dev-domo added 2 commits February 22, 2026 21:19

refactor: #360 dateFormatter를 뷰컨트롤러로 이동

7e9654a

refactor: #360 fatalError가 발생하지 않도록 방지

1695f5a

y-eonee approved these changes Feb 23, 2026

View reviewed changes

y-eonee reviewed Feb 23, 2026

View reviewed changes

dev-domo added 7 commits February 23, 2026 15:40

refactor: #360 버튼 타이틀 색상 설정 코드 수정

29a1420

refactor: #360 applyByeBooFont 메서드 적용

507b27f

refactor: #360 white5 색상 적용

45d9bf7

refactor: #360 ByeBooTipTag 안에 들어갈 텍스트를 주입

04cc8a0

refactor: #360 ByeBooTipTag 최소 너비 설정

075cbc8

refactor: #360 수정된 ByeBooTipTag 적용

a875874

refactor: #360 historyButton에 ByeBooTipTag 컴포넌트 적용

0e635f8

dev-domo merged commit 65af669 into develop Feb 23, 2026
1 check passed

github-project-automation bot moved this to Done in HEARTZ-iOS Feb 23, 2026

Comments

Conversation

dev-domo commented Feb 22, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🔗 연결된 이슈

📄 작업 내용

Uh oh!

juri123123 left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

y-eonee left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

dev-domo commented Feb 22, 2026 •

edited

Loading