[GWL-442] WriteBoard뷰 구현 (#448)

* feat: Tuist에 features에 WirteBoard 추가

* feat: View, ViewModel 생성

* feat: Coordaintor 생성

* faet: ContainerViewController 생성

* feat: ContainerViewController 매서드 생성

* feat: ProfileFlow에 WriteBoardFeature을 불러올 수 있게 Coordainotr 및 VM 코드 수정

* feat: WriteBoardFlow 삭제

* feat: Dependency 수정

* feat: ProfileFeature와 연결

* feat: WorkoutHistoryCell 생성

* feat: CollectionView -> TableView로 변경

* feat: stackViewHeight추가

* feat: TableView DataSource Type 변경

* build: 접근 제어자 수정

* feat: WriteBoard와 WorkoutHistory Coordinator로 연결

* feat: �WorkoutHistoryCell Contraints에러 수정

* feat: Header StackView 생성

* feat: 헤더 뷰 구현

* style: 변수 tableViewCell 에서 Row로 이름 변경

* feat: AttachPicutre CollectionView 및 cell 추가

* feat: StackView 에러 수정

* feat: Cell 위치 조정

* feat: ScrollView Scroll 가능하게 기능 추가

* add: WriteBoard의 복잡한 데이터 흐름을 쪼개기 위한 파일 분리

* delete: 중복 파일 삭제 (ContainerViewController)

* feat: KeyBoard가 View를 문제 해결

* feat: Spacing변경

* feat: 매직넘버 처리

* chore: SwiftFormat 적용

Author: MaraMincho

iOS/Projects/Features/WriteBoard/Sources/Dombain/Entities/Record.swift

@@ -0,0 +1,72 @@
+//
+//  Record.swift
+//  WriteBoardFeature
+//
+//  Created by MaraMincho on 1/11/24.
+//  Copyright © 2024 kr.codesquad.boostcamp8. All rights reserved.
+//
+
+import Foundation
+
+// MARK: - Record
+
+/// 기록 목록을 표시하기위해 사용하는 모델입니다.
+public struct Record: Codable, Hashable {
+  /// 현재 운동의 날짜를 나타냅니다.
+  let dateString: String
+
+  /// 현재 운동의 목록을 나타냅니다.
+  let workoutID: Int
+
+  /// 운동 시작 시간
+  ///
+  /// HH:MM 으로 표시
+  let startTime: String
+
+  /// 운동 끝 시간
+  ///
+  /// HH:MM 으로 표시
+  let endTime: String
+
+  /// 총 운동한 거리를 "미터"단위로 표시해줍니다.
+  let distance: Int
+}
+
+public extension Record {
+  var name: String {
+    switch workoutID {
+    case 1:
+      return "달리기"
+    case 2:
+      return "수영"
+    case 3:
+      return "사이클"
+    default:
+      return "달리기"
+    }
+  }
+
+  var durationTime: String {
+    guard
+      let endDate = DateFormatter.HHmmFormatter.date(from: endTime),
+      let startDate = DateFormatter.HHmmFormatter.date(from: startTime)
+    else {
+      return ""
+    }
+    let timeInterval = endDate.timeIntervalSince(startDate)
+    let hours = Int(timeInterval / 3600)
+    let minutes = Int((timeInterval.truncatingRemainder(dividingBy: 3600)) / 60)
+    if minutes == 0 {
+      return hours == 0 ? "" : "\(hours)시간"
+    }
+    return hours == 0 ? "\(minutes)분" : "\(hours)시간\(minutes)분"
+  }
+}
+
+private extension DateFormatter {
+  static let HHmmFormatter: DateFormatter = {
+    let formatter = DateFormatter()
+    formatter.dateFormat = "HH:mm"
+    return formatter
+  }()
+}

iOS/Projects/Features/WriteBoard/Sources/Presentation/Common/Coordinator/WriteBoardCoordinator.swift

@@ -20,7 +20,7 @@ public protocol WriteBoardFeatureFinishDelegate: AnyObject {
 // MARK: - WriteBoardFeatureCoordinating
 
 public protocol WriteBoardFeatureCoordinating: Coordinating {
-  func pushWriteBoardScene()
+  func pushWriteBoardScene(record: Record)
   func didFinishWriteBoard()
   func cancelWriteBoard()
 }
@@ -59,12 +59,18 @@ public final class WriteBoardCoordinator: WriteBoardFeatureCoordinating {
 
   private func pushWorkoutHistorySelectScene() {
     let viewModel = WorkoutHistorySelectViewModel()
+    viewModel.writeBoardCoordinator = self
     let viewController = WorkoutHistorySelectViewController(viewModel: viewModel)
 
     containerViewController?.pushViewController(viewController, animated: false)
   }
 
-  public func pushWriteBoardScene() {}
+  public func pushWriteBoardScene(record: Record) {
+    let viewModel = WriteBoardViewModel(record: record)
+    let viewController = WriteBoardViewController(viewModel: viewModel)
+
+    containerViewController?.pushViewController(viewController, animated: true)
+  }
 
   public func didFinishWriteBoard() {}
 

iOS/Projects/Features/WriteBoard/Sources/Presentation/Common/ContainerViewController/ContainerViewController.swift renamed to iOS/Projects/Features/WriteBoard/Sources/Presentation/ContainerViewController/ContainerViewController.swift

@@ -0,0 +1,73 @@
+//
+//  AttachPictureCollectionViewCell.swift
+//  WriteBoardFeature
+//
+//  Created by MaraMincho on 1/11/24.
+//  Copyright © 2024 kr.codesquad.boostcamp8. All rights reserved.
+//
+
+import DesignSystem
+import UIKit
+
+// MARK: - AttachPictureCollectionViewCell
+
+final class AttachPictureCollectionViewCell: UICollectionViewCell {
+  static let identifier = "AttachPictureCollectionViewCell"
+
+  override init(frame _: CGRect) {
+    super.init(frame: .zero)
+    setup()
+  }
+
+  @available(*, unavailable)
+  required init?(coder _: NSCoder) {
+    fatalError("이 생성자는 사용할 수 없습니다.")
+  }
+
+  private let contentImageView: UIImageView = {
+    let imageView = UIImageView()
+
+    imageView.translatesAutoresizingMaskIntoConstraints = false
+    return imageView
+  }()
+
+  func configure(image: UIImage?) {
+    contentImageView.image = image
+  }
+}
+
+private extension AttachPictureCollectionViewCell {
+  func setup() {
+    setupStyle()
+    setupViewHierarchyAndConstraints()
+    makeShadowAndRounded()
+  }
+
+  func setupStyle() {
+    backgroundColor = DesignSystemColor.primaryBackground
+  }
+
+  func setupViewHierarchyAndConstraints() {
+    addSubview(contentImageView)
+    contentImageView.topAnchor.constraint(equalTo: topAnchor).isActive = true
+    contentImageView.leadingAnchor.constraint(equalTo: leadingAnchor).isActive = true
+    contentImageView.trailingAnchor.constraint(equalTo: trailingAnchor).isActive = true
+    contentImageView.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
+  }
+
+  func makeShadowAndRounded() {
+    let radius: CGFloat = 10
+    contentView.layer.cornerRadius = radius
+    contentView.layer.borderWidth = 1
+    contentView.layer.borderColor = UIColor.clear.cgColor
+    contentView.layer.masksToBounds = true
+
+    layer.shadowColor = UIColor.black.cgColor
+    layer.shadowOffset = CGSize(width: 0, height: 1.0)
+    layer.shadowRadius = 2.0
+    layer.shadowOpacity = 0.5
+    layer.masksToBounds = false
+    layer.shadowPath = UIBezierPath(roundedRect: bounds, cornerRadius: radius).cgPath
+    layer.cornerRadius = radius
+  }
+}

iOS/Projects/Features/WriteBoard/Sources/Presentation/Common/ContainerViewController/ContainerViewModel.swift renamed to iOS/Projects/Features/WriteBoard/Sources/Presentation/ContainerViewController/ContainerViewModel.swift

@@ -0,0 +1,152 @@
+//
+//  WorkoutHistoryDescriptionView.swift
+//  WriteBoardFeature
+//
+//  Created by MaraMincho on 1/11/24.
+//  Copyright © 2024 kr.codesquad.boostcamp8. All rights reserved.
+//
+
+import DesignSystem
+import UIKit
+
+// MARK: - WorkoutHistoryDescriptionView
+
+final class WorkoutHistoryDescriptionView: UIStackView {
+  init(record: Record) {
+    super.init(frame: .zero)
+    axis = .vertical
+    tableCellStackView = makeTableCellStackView(record)
+    setupViewHierarchyAndConstraints()
+  }
+
+  /// UIComponents
+  private var tableCellStackView: UIStackView?
+
+  private let workoutHistoryTitleLabel: UILabel = {
+    let label = UILabel()
+    label.text = "운동 정보"
+    label.textColor = DesignSystemColor.primaryText
+    label.font = .preferredFont(forTextStyle: .title2, weight: .bold)
+
+    label.translatesAutoresizingMaskIntoConstraints = false
+    return label
+  }()
+
+  func setupViewHierarchyAndConstraints() {
+    addArrangedSubview(workoutHistoryTitleLabel)
+    guard let tableCellStackView else {
+      return
+    }
+    spacing = Constants.inGroupTitleAndContentSpacing
+    addArrangedSubview(tableCellStackView)
+  }
+
+  private func makeTableCellStackView(_ record: Record) -> UIStackView {
+    let tableCellStackView: UIStackView = {
+      let stackView = UIStackView(arrangedSubviews: [
+        WorkoutHistoryDescriptionRowView(titleString: Constants.workoutName, description: record.name),
+        WorkoutHistoryDescriptionRowView(titleString: Constants.date, description: record.dateString),
+        WorkoutHistoryDescriptionRowView(titleString: Constants.time, description: record.durationTime + " (" + record.startTime + "~" + record.endTime + ")"),
+        WorkoutHistoryDescriptionRowView(titleString: Constants.distance, description: String(format: "%.1f", Double(record.distance) / 1000) + "km"),
+      ])
+      stackView.axis = .vertical
+      stackView.spacing = Constants.cellSpacing
+
+      stackView.translatesAutoresizingMaskIntoConstraints = false
+      return stackView
+    }()
+    return tableCellStackView
+  }
+
+  override init(frame: CGRect) {
+    super.init(frame: frame)
+  }
+
+  @available(*, unavailable)
+  required init(coder _: NSCoder) {
+    fatalError("사용할 수 없는 생성자 입니다.")
+  }
+
+  private enum Constants {
+    static let workoutName: String = "운동 종류"
+    static let date: String = "날짜"
+    static let time = "시간"
+    static let distance = "거리"
+
+    static let inGroupTitleAndContentSpacing: CGFloat = 12
+
+    static let cellSpacing: CGFloat = 6
+  }
+}
+
+// MARK: - WorkoutHistoryDescriptionRowView
+
+private final class WorkoutHistoryDescriptionRowView: UIStackView {
+  init(titleString: String, description: String) {
+    super.init(frame: .zero)
+    titleLabel.text = titleString
+    descriptionLabel.text = description
+
+    distribution = .fillProportionally
+    setupViewHierarchyAndConstraints()
+  }
+
+  override init(frame _: CGRect) {
+    super.init(frame: .zero)
+  }
+
+  @available(*, unavailable)
+  required init(coder _: NSCoder) {
+    fatalError("사용할 수 없습니다.")
+  }
+
+  private let spacingView: UIView = {
+    let view = UIView()
+
+    view.translatesAutoresizingMaskIntoConstraints = false
+    return view
+  }()
+
+  private let titleLabel: UILabel = {
+    let label = UILabel()
+    label.font = .preferredFont(forTextStyle: .title3)
+    label.tintColor = DesignSystemColor.primaryText
+    label.textAlignment = .left
+
+    label.setContentHuggingPriority(.defaultLow, for: .horizontal)
+    label.translatesAutoresizingMaskIntoConstraints = false
+    return label
+  }()
+
+  private let descriptionLabel: UILabel = {
+    let label = UILabel()
+    label.font = .preferredFont(forTextStyle: .headline, weight: .bold)
+    label.tintColor = DesignSystemColor.primaryText
+
+    label.setContentHuggingPriority(.defaultHigh, for: .horizontal)
+    label.translatesAutoresizingMaskIntoConstraints = false
+    return label
+  }()
+
+  func setupViewHierarchyAndConstraints() {
+    addArrangedSubview(spacingView)
+    spacingView.widthAnchor.constraint(equalToConstant: Constants.spacingViewWidth).isActive = true
+
+    addArrangedSubview(titleLabel)
+    titleLabel.widthAnchor.constraint(equalToConstant: Constants.titleWidth).isActive = true
+
+    addArrangedSubview(descriptionLabel)
+    descriptionLabel.widthAnchor.constraint(equalToConstant: Constants.descriptionWidth).isActive = true
+  }
+
+  enum Constants {
+    static let titleWidth: CGFloat = 99
+    static let descriptionWidth: CGFloat = 212
+
+    static let titleAndDescriptionWidthSpacing: CGFloat = 15
+
+    static let intrinsicContentHeight: CGFloat = 24
+
+    static let spacingViewWidth: CGFloat = 9
+  }
+}