[#45] 검색/알림 수정된 UI 구현 및 로직 수정

Codive/Core/Resources/TextLiteral.swift

@@ -153,6 +153,8 @@ enum TextLiteral {
         static let totalCount = "총"
         static let countUnit = "개"
         static let sortAll = "전체"
+        static let account = "계정"
+        static let hashtag = "해시태그"
     }
 
     enum Notification {

Codive/Features/Notification/Data/DataSources/NotificationDataSource.swift

@@ -14,35 +14,58 @@ final class NotificationDataSource {
     func fetchNotifications() -> [NotificationEntity] {
         return [
             NotificationEntity(
-                id: 1,
-                imageUrl: "https://picsum.photos/id/237/200/200",
-                message: "홍길동님이 회원님의 옷장을 팔로우하기 시작했습니다.",
-                isRead: false
+                notificationId: 1,
+                notificationImageUrl: "https://picsum.photos/id/237/200/200",
+                notificationContent: "홍길동님이 회원님의 옷장을 팔로우하기 시작했습니다.",
+                redirectInfo: "user_123",
+                redirectType: .member,
+                readStatus: .unread,
+                createdAt: "2025-11-18T10:00:00"
             ),
             NotificationEntity(
-                id: 2,
-                imageUrl: nil,
-                message: "김철수님이 새로운 게시물을 업로드했습니다.",
-                isRead: false
+                notificationId: 2,
+                notificationImageUrl: nil,
+                notificationContent: "1년 전 오늘의 기록을 확인해보세요.",
+                redirectInfo: "post_456",
+                redirectType: .history,
+                readStatus: .unread,
+                createdAt: "2025-11-18T11:00:00"
             ),
             NotificationEntity(
-                id: 3,
-                imageUrl: "invalid_url",
-                message: "이영희님이 회원님의 게시물에 좋아요를 눌렀습니다.",
-                isRead: false
+                notificationId: 3,
+                notificationImageUrl: "https://picsum.photos/id/100/200/200",
+                notificationContent: "내일은 비가 올 예정입니다. 우산을 챙기세요!",
+                redirectInfo: "seoul",
+                redirectType: .weather,
+                readStatus: .read,
+                createdAt: "2025-11-18T12:00:00"
             ),
             NotificationEntity(
-                id: 4,
-                imageUrl: "https://picsum.photos/id/100/200/200",
-                message: "박민수님이 회원님의 댓글에 답글을 달았습니다.",
-                isRead: true
+                notificationId: 4,
+                notificationImageUrl: nil,
+                notificationContent: "홍길동님이 팔로우를 취소했습니다.",
+                redirectInfo: "user_123",
+                redirectType: .member,
+                readStatus: .unread,
+                createdAt: "2025-11-18T10:00:00"
             ),
             NotificationEntity(
-                id: 5,
-                imageUrl: nil,
-                message: "코디 추천 시즌 이벤트가 시작되었습니다.",
-                isRead: true
+                notificationId: 6,
+                notificationImageUrl: nil,
+                notificationContent: "내일은 비가 올 예정입니다. 우산을 챙기세요!",
+                redirectInfo: "Busan",
+                redirectType: .weather,
+                readStatus: .unread,
+                createdAt: "2025-11-18T12:00:00"
             )
         ]
     }
+
+    func fetchReportStatus() -> ReportEntity {
+        return ReportEntity(isReported: true, reportType: .feed)
+    }
+
+    func patchNotificationRead(notificationId: Int) async throws {
+        print("서버에 알림 \(notificationId)번 읽음 처리 요청 전송")
+    }
 }

Codive/Features/Notification/Data/Repositories/NotificationRepositoryImpl.swift

@@ -18,4 +18,12 @@ final class NotificationRepositoryImpl: NotificationRepository {
     func fetchNotifications() -> [NotificationEntity] {
         return datasource.fetchNotifications()
     }
+
+    func fetchReportStatus() -> ReportEntity {
+        return datasource.fetchReportStatus()
+    }
+
+    func markNotificationAsRead(request: NotificationReadRequestEntity) async throws {
+        try await datasource.patchNotificationRead(notificationId: request.notificationId)
+    }
 }

Codive/Features/Notification/Domain/Entities/NotificationEntity.swift

@@ -7,9 +7,45 @@
 
 import Foundation
 
-struct NotificationEntity: Identifiable {
-    let id: Int
-    let imageUrl: String?
-    let message: String
-    let isRead: Bool
+/// 알림 유형
+enum RedirectType: String, Codable {
+    case member = "MEMBER"
+    case history = "HISTORY"
+    case weather = "WEATHER"
+}
+
+/// 알림 읽음/읽지 않음 유형
+enum ReadStatus: String, Codable {
+    case read = "READ"
+    case unread = "UNREAD"
+}
+
+/// 알림 목록 조회 api
+struct NotificationEntity: Codable, Identifiable {
+    let notificationId: Int
+    let notificationImageUrl: String?
+    let notificationContent: String
+    let redirectInfo: String
+    let redirectType: RedirectType
+    let readStatus: ReadStatus
+    let createdAt: String
+
+    var id: Int { notificationId }
+}
+
+/// 신고 접수 유형
+enum ReportType: String, Codable {
+    case feed = "FEED"
+    case comment = "COMMENT"
+}
+
+/// 신고 접수 안내 api
+struct ReportEntity: Codable {
+    let isReported: Bool
+    let reportType: ReportType? 
+}
+
+/// 알림 읽음 처리 request api
+struct NotificationReadRequestEntity: Codable {
+    let notificationId: Int
 }

Codive/Features/Notification/Domain/Protocols/NotificationRepository.swift

@@ -7,4 +7,6 @@
 
 protocol NotificationRepository {
     func fetchNotifications() -> [NotificationEntity]
+    func fetchReportStatus() -> ReportEntity
+    func markNotificationAsRead(request: NotificationReadRequestEntity) async throws
 }

Codive/Features/Notification/Domain/UseCases/NotificationUseCase.swift

@@ -18,4 +18,17 @@ final class NotificationUseCase {
     func fetchNotifications() -> [NotificationEntity] {
         return repository.fetchNotifications()
     }
+
+    func fetchReportStatus() -> ReportEntity {
+        return repository.fetchReportStatus()
+    }
+
+    func markNotificationAsRead(notificationId: Int) async {
+        let request = NotificationReadRequestEntity(notificationId: notificationId)
+        do {
+            try await repository.markNotificationAsRead(request: request)
+        } catch {
+            print("알림 읽음 처리 실패: \(error)")
+        }
+    }
 }

Codive/Features/Notification/Presentation/Component/NotificationRow.swift

@@ -8,66 +8,97 @@
 import SwiftUI
 
 struct NotificationRow: View {
-    // MARK: - Properties
-    let profileImageUrl: String?
-    let message: String
+    let entity: NotificationEntity
 
-    // MARK: - Constants
     private let profileImageSize: CGFloat = 36
-    private let messageFont = Font.codive_body2_regular
-    private let messageColor = Color.Codive.grayscale1
+
+    // MARK: - Asset Logic
+    /// 타입별 전용 에셋 이미지 이름 반환
+    private var typeSpecificImageName: String? {
+        switch entity.redirectType {
+        case .history:
+            return "history"
+        case .weather:
+            return "weather"
+        case .member:
+            return nil
+        }
+    }
 
     var body: some View {
         HStack(spacing: 15) {
-            if let urlString = profileImageUrl, let url = URL(string: urlString) {
+            if let imageName = typeSpecificImageName {
+                Image(imageName)
+                    .resizable()
+                    .aspectRatio(contentMode: .fill)
+                    .frame(width: profileImageSize, height: profileImageSize)
+                    .clipShape(Circle())
+            } else if let urlString = entity.notificationImageUrl, let url = URL(string: urlString) {
                 AsyncImage(url: url) { phase in
                     if let image = phase.image {
-                        image
-                            .resizable()
-                            .aspectRatio(contentMode: .fill)
+                        image.resizable().aspectRatio(contentMode: .fill)
                     } else if phase.error != nil {
-                        Image(systemName: "person.circle.fill")
-                            .resizable()
-                            .aspectRatio(contentMode: .fill)
-                            .foregroundStyle(Color.gray.opacity(0.3))
+                        defaultImage // URL 에러 시 기본 이미지
                     } else {
                         ProgressView()
                     }
                 }
                 .frame(width: profileImageSize, height: profileImageSize)
                 .clipShape(Circle())
             } else {
-                Image(systemName: "person.circle.fill")
-                    .resizable()
-                    .aspectRatio(contentMode: .fill)
-                    .foregroundStyle(Color.gray.opacity(0.3))
-                    .frame(width: profileImageSize, height: profileImageSize)
-                    .clipShape(Circle())
+                defaultImage // 이미지 URL이 nil인 경우
             }
 
-            Text(message)
-                .font(messageFont)
-                .foregroundStyle(messageColor)
+            Text(entity.notificationContent)
+                .font(Font.codive_body2_regular)
+                .foregroundStyle(Color.Codive.grayscale1)
 
             Spacer()
         }
     }
+
+    private var defaultImage: some View {
+        Image(systemName: "person.circle.fill")
+            .resizable()
+            .aspectRatio(contentMode: .fill)
+            .foregroundStyle(Color.gray.opacity(0.3))
+            .frame(width: profileImageSize, height: profileImageSize)
+            .clipShape(Circle())
+    }
 }
 
 // MARK: - Preview
 #Preview {
     VStack(spacing: 16) {
-        NotificationRow(
-            profileImageUrl: "https://picsum.photos/id/237/200/200",
-            message: "홍길동님이 회원님의 옷장을 팔로우하기 시작했습니다."
-        )
-        NotificationRow(
-            profileImageUrl: nil,
-            message: "김철수님이 새로운 게시물을 업로드했습니다."
-        )
-        NotificationRow(
-            profileImageUrl: "invalid_url",
-            message: "이영희님이 회원님의 게시물에 좋아요를 눌렀습니다."
-        )
+        NotificationRow(entity: NotificationEntity(
+            notificationId: 1,
+            notificationImageUrl: "https://picsum.photos/id/237/200/200",
+            notificationContent: "홍길동님이 회원님의 옷장을 팔로우하기 시작했습니다.",
+            redirectInfo: "user_123",
+            redirectType: .member,
+            readStatus: .unread,
+            createdAt: "2025-11-18T10:00:00"
+        ))
+
+        NotificationRow(entity: NotificationEntity(
+            notificationId: 2,
+            notificationImageUrl: nil,
+            notificationContent: "김철수님이 새로운 게시물을 업로드했습니다.",
+            redirectInfo: "post_456",
+            redirectType: .history,
+            readStatus: .unread,
+            createdAt: "2025-11-18T11:00:00"
+        ))
+
+        NotificationRow(entity: NotificationEntity(
+            notificationId: 3,
+            notificationImageUrl: "invalid_url",
+            notificationContent: "내일은 비 소식이 있습니다. 우산을 준비하세요!",
+            redirectInfo: "seoul",
+            redirectType: .weather,
+            readStatus: .read,
+            createdAt: "2025-11-18T12:00:00"
+        ))
     }
+    .padding()
 }

Codive/Features/Notification/Presentation/Component/ReportSubmissionGuide.swift

@@ -0,0 +1,72 @@
+//
+//  ReportSubmissionGuide.swift
+//  Codive
+//
+//  Created by 한금준 on 12/30/25.
+//
+
+import SwiftUI
+
+struct ReportSubmissionGuide: View {
+    let reportType: ReportType
+
+    // 타입에 따른 안내 문구 결정
+    private var reportTargetText: String {
+        switch reportType {
+        case .feed:
+            return "게시글이"
+        case .comment:
+            return "댓글이"
+        }
+    }
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 12) {
+            HStack(alignment: .center, spacing: 8) {
+                Image("warning")
+                    .resizable()
+                    .renderingMode(.template)
+                    .frame(width: 24, height: 24)
+                    .foregroundColor(Color.Codive.point1)
+
+                VStack(alignment: .leading, spacing: 12) {
+                    Text("신고 접수 안내")
+                        .font(.codive_body1_medium)
+                        .foregroundColor(Color.Codive.grayscale1)
+                }
+                Spacer()
+            }
+
+            VStack(alignment: .leading, spacing: 4) {
+                // 동적 텍스트 적용
+                Text("회원님의 \(reportTargetText) 운영 정책 위반으로 신고되었습니다.")
+                    .font(.codive_body2_regular)
+                    .foregroundColor(Color.Codive.grayscale1)
+
+                Text("확인 및 조치는 영업일 기준 3~5일정도 소요됩니다.")
+                    .font(.codive_body2_regular)
+                    .foregroundColor(Color.Codive.grayscale1)
+            }
+        }
+        .padding(.horizontal, 16)
+        .padding(.top, 16)
+        .padding(.bottom, 20)
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .background(
+            RoundedRectangle(cornerRadius: 8, style: .continuous)
+                .fill(Color.Codive.point4)
+        )
+    }
+}
+
+// MARK: - Preview
+
+#Preview {
+    VStack {
+        ReportSubmissionGuide(reportType: .comment)
+            .padding(.horizontal, 20)
+
+        ReportSubmissionGuide(reportType: .feed)
+            .padding(.horizontal, 20)
+    }
+}