[Work 22] 약속 생성 화면을 구성했습니다.

WhereAreYou/WhereAreYou/Data/MockAppointmentCreationRepository.swift

@@ -0,0 +1,35 @@
+//
+//  MockAppointmentCreationRepository.swift
+//  WhereAreYou
+//
+//  Created by 이상유 on 2026-07-24.
+//
+
+import Foundation
+
+final class MockAppointmentCreationRepository: AppointmentCreationRepository {
+
+    func createAppointment(
+        title: String,
+        date: Date?,
+        place: Place?,
+        completion: @escaping (Result<Appointment, Error>) -> Void
+    ) {
+        let code = String(UUID().uuidString.prefix(8))
+        let appointment = Appointment(
+            id: UUID().uuidString,
+            code: code,
+            name: title,
+            dateTime: date ?? Date(),
+            place: place,
+            participants: [],
+            routes: [:],
+            placeVoteStatus: [:]
+        )
+
+        DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
+            completion(.success(appointment))
+        }
+    }
+
+}

WhereAreYou/WhereAreYou/Domain/Repository/AppointmentCreationRepository.swift

@@ -0,0 +1,19 @@
+//
+//  AppointmentCreationRepository.swift
+//  WhereAreYou
+//
+//  Created by 이상유 on 2026-07-24.
+//
+
+import Foundation
+
+protocol AppointmentCreationRepository {
+
+    func createAppointment(
+        title: String,
+        date: Date?,
+        place: Place?,
+        completion: @escaping (Result<Appointment, Error>) -> Void
+    )
+
+}

WhereAreYou/WhereAreYou/Domain/UseCase/CreateAppointmentUseCase.swift

@@ -0,0 +1,32 @@
+//
+//  CreateAppointmentUseCase.swift
+//  WhereAreYou
+//
+//  Created by 이상유 on 2026-07-24.
+//
+
+import Foundation
+
+final class CreateAppointmentUseCase {
+
+    private let repository: AppointmentCreationRepository
+
+    init(repository: AppointmentCreationRepository) {
+        self.repository = repository
+    }
+
+    func execute(
+        title: String,
+        date: Date?,
+        place: Place?,
+        completion: @escaping (Result<Appointment, Error>) -> Void
+    ) {
+        repository.createAppointment(
+            title: title,
+            date: date,
+            place: place,
+            completion: completion
+        )
+    }
+
+}

WhereAreYou/WhereAreYou/Presentation/AppointmentCreation/AppointmentCreationViewController.swift

@@ -0,0 +1,190 @@
+//
+//  AppointmentCreationViewController.swift
+//  WhereAreYou
+//
+//  Created by 이상유 on 2026-07-24.
+//
+
+import UIKit
+import Combine
+
+final class AppointmentCreationViewController: UIViewController {
+
+    private let viewModel: AppointmentCreationViewModel
+    private var cancellables = Set<AnyCancellable>()
+
+    private let logoImage: UIImageView = {
+        let imageView = UIImageView(image: .logo)
+        imageView.contentMode = .scaleAspectFit
+        return imageView
+    }()
+
+    private let creationCard = AppointmentCreateCard()
+
+    private var confirmCard: AppointmentConfirmCard?
+
+    init(_ viewModel: AppointmentCreationViewModel) {
+        self.viewModel = viewModel
+        super.init(nibName: nil, bundle: nil)
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        view.backgroundColor = .pointBackground
+        title = "약속 생성"
+        setUpLayout()
+        setUpActions()
+        bindViewModel()
+    }
+
+    private func setUpLayout() {
+        logoImage.translatesAutoresizingMaskIntoConstraints = false
+        creationCard.translatesAutoresizingMaskIntoConstraints = false
+
+        view.addSubview(logoImage)
+        view.addSubview(creationCard)
+
+        NSLayoutConstraint.activate([
+            logoImage.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
+            logoImage.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
+            logoImage.widthAnchor.constraint(equalToConstant: 77),
+            logoImage.heightAnchor.constraint(equalToConstant: 48),
+
+            creationCard.centerYAnchor.constraint(equalTo: view.safeAreaLayoutGuide.centerYAnchor, constant: -50),
+            creationCard.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 45),
+            creationCard.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -45),
+        ])
+    }
+
+    private func setUpActions() {
+        creationCard.onNameChanged = { [weak self] new in
+            self?.viewModel.setTitle(new)
+        }
+        creationCard.onDateRowTap = { [weak self] in
+            self?.presentDatePicker()
+        }
+        creationCard.onPlaceRowTap = { [weak self] in
+            self?.presentPlaceSearch()
+        }
+        creationCard.onMapButtonTap = {
+            // TODO: 지도 화면 작업 후 연결
+        }
+        creationCard.onCreateTap = { [weak self] in
+            self?.viewModel.create()
+        }
+    }
+
+    private func bindViewModel() {
+        viewModel.$appointmentDate
+            .receive(on: DispatchQueue.main)
+            .sink { [weak self] date in
+                guard let self, let date else { return }
+                self.creationCard.setDateLabel(date)
+            }
+            .store(in: &cancellables)
+
+        viewModel.$appointmentPlace
+            .receive(on: DispatchQueue.main)
+            .sink { [weak self] place in
+                guard let self, let place else { return }
+                self.creationCard.setPlaceLabel(place)
+            }
+            .store(in: &cancellables)
+
+        viewModel.$hasCreated
+            .receive(on: DispatchQueue.main)
+            .sink { [weak self] hasCreated in
+                guard let self, hasCreated else { return }
+                self.showConfirmCard()
+            }
+            .store(in: &cancellables)
+    }
+
+}
+
+
+extension AppointmentCreationViewController {
+
+    // MARK: - Confirm Card Transition
+
+    private func showConfirmCard() {
+        let info = viewModel.makeAppointmentInfo()
+        let card = AppointmentConfirmCard(data: info)
+        self.confirmCard = card
+
+        card.onCopyCodeTap = {
+            UIPasteboard.general.string = info.code
+        }
+        card.onConfirmTap = {
+            // TODO: 약속 화면으로 이동
+        }
+
+        view.addSubview(card)
+        NSLayoutConstraint.activate([
+            card.centerYAnchor.constraint(equalTo: view.safeAreaLayoutGuide.centerYAnchor, constant: -50),
+            card.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 45),
+            card.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -45),
+        ])
+
+        card.transform = CGAffineTransform(translationX: view.bounds.width, y: 0)
+        card.alpha = 0
+
+        UIView.animate(withDuration: 0.45, delay: 0, usingSpringWithDamping: 0.85, initialSpringVelocity: 0.5) {
+            self.creationCard.transform = CGAffineTransform(translationX: -self.view.bounds.width, y: 0)
+            self.creationCard.alpha = 0
+            card.transform = .identity
+            card.alpha = 1
+        }
+    }
+
+    // MARK: - Date Picker
+
+    private func presentDatePicker() {
+        let pickerViewController = DatePickerSheetViewController(
+            title: "약속 날짜/시간 설정",
+            initialDate: viewModel.appointmentDate
+        )
+        pickerViewController.onDateSelected = { [weak self] date in
+            self?.viewModel.setDate(date)
+        }
+
+        if let sheet = pickerViewController.sheetPresentationController {
+            sheet.detents = [.medium()]
+            sheet.prefersGrabberVisible = true
+        }
+
+        present(pickerViewController, animated: true)
+    }
+
+
+    // MARK: - Search Place Card
+
+    private func presentPlaceSearch() {
+        let searchPlaceViewController = SearchPlaceCardViewController(
+            viewModel: SearchPlaceCardViewModel(
+                searchPlacesUseCase: SearchPlacesUseCase(
+                    repository: MockPlaceSearchRepository()
+                )
+            ),
+            selectionButtonTitle: "선택하기",
+            style: .onlyHeader(title: "약속 장소 검색")
+        )
+
+        searchPlaceViewController.onPlaceSelected = { [weak self] place in
+            self?.viewModel.setPlace(place)
+            searchPlaceViewController.dismiss(animated: true)
+        }
+
+        if let sheet = searchPlaceViewController.sheetPresentationController {
+            sheet.detents = [.medium()]
+            sheet.prefersGrabberVisible = true
+        }
+
+        present(searchPlaceViewController, animated: true)
+    }
+
+}

WhereAreYou/WhereAreYou/Presentation/AppointmentCreation/AppointmentCreationViewModel.swift

@@ -0,0 +1,84 @@
+//
+//  AppointmentCreationViewModel.swift
+//  WhereAreYou
+//
+//  Created by 이상유 on 2026-07-24.
+//
+
+import Foundation
+import Combine
+
+final class AppointmentCreationViewModel {
+
+    private let createAppointmentUseCase: CreateAppointmentUseCase
+
+    private var appointmentTitle: String
+    private var id: String?
+    private var code: String?
+    private var isCreating = false
+
+    @Published private(set) var appointmentDate: Date?
+    @Published private(set) var appointmentPlace: Place?
+    @Published private(set) var hasCreated: Bool = false
+
+    init(createAppointmentUseCase: CreateAppointmentUseCase) {
+        self.createAppointmentUseCase = createAppointmentUseCase
+        appointmentTitle = "약속"
+    }
+
+    func setTitle(_ title: String) {
+        appointmentTitle = title
+    }
+
+    func setDate(_ date: Date) {
+        appointmentDate = date
+    }
+
+    func setPlace(_ place: Place) {
+        appointmentPlace = place
+    }
+
+    func create() {
+        guard !isCreating, !hasCreated else { return }
+        isCreating = true
+        if appointmentTitle.isEmpty { appointmentTitle = "약속" }
+
+        createAppointmentUseCase.execute(
+            title: appointmentTitle,
+            date: appointmentDate,
+            place: appointmentPlace
+        ) { [weak self] result in
+            guard let self else { return }
+            DispatchQueue.main.async {
+                self.isCreating = false
+                switch result {
+                case .success(let appointment):
+                    self.id = appointment.id
+                    self.code = appointment.code
+                    self.hasCreated = true
+                case .failure:
+                    // TODO: 서버 작업 후 실패 케이스 정리해 사용자에게 표시할 실패 텍스트 추가 예정
+                    break
+                }
+            }
+        }
+    }
+
+    func makeAppointmentInfo() -> AppointmentInfo {
+        AppointmentInfo(
+            id: id ?? "",
+            code: code ?? "",
+            title: appointmentTitle,
+            date: appointmentDate,
+            location: appointmentPlace.map {
+                AppointmentLocation(
+                    title: $0.name,
+                    address: $0.address,
+                    coordinate: $0.coordinate
+                )
+            },
+            participants: []
+        )
+    }
+
+}

WhereAreYou/WhereAreYou/Presentation/AppointmentCreation/AppointmentConfirmCard.swift → WhereAreYou/WhereAreYou/Presentation/AppointmentCreation/SubComponent/AppointmentConfirmCard.swift

@@ -34,8 +34,8 @@ final class AppointmentConfirmCard: UIView {
         return label
     }()
 
-    private lazy var copyButton = UIButton.filled(title: "코드 복사하기", background: .systemGray2, tint: .white)
-    private lazy var confirmButton = UIButton.filled(title: "약속으로 이동하기", background: .blue2, tint: .white)
+    private lazy var copyButton = UIButton.filled(title: "코드 복사하기", background: .systemGray2, tint: .white, font: .subheadline)
+    private lazy var confirmButton = UIButton.filled(title: "약속으로 이동하기", background: .blue2, tint: .white, font: .subheadline)
 
     private let footerStack: UIStackView = {
         let stack = UIStackView()
@@ -78,8 +78,8 @@ final class AppointmentConfirmCard: UIView {
         card.contentStack.addArrangedSubview(codeLabel)
         card.contentStack.addArrangedSubview(footerStack)
 
-        copyButton.addTarget(self, action: #selector(copyTapped), for: .touchUpInside)
-        confirmButton.addTarget(self, action: #selector(confirmTapped), for: .touchUpInside)
+        copyButton.addAction(UIAction { [weak self] _ in self?.onCopyCodeTap?() }, for: .touchUpInside)
+        confirmButton.addAction(UIAction { [weak self] _ in self?.onConfirmTap?() }, for: .touchUpInside)
     }
 
     private func configure(with data: AppointmentInfo) {
@@ -89,7 +89,4 @@ final class AppointmentConfirmCard: UIView {
         codeLabel.text = "약속 코드 : \(data.code)"
     }
 
-    @objc private func copyTapped() { onCopyCodeTap?() }
-    @objc private func confirmTapped() { onConfirmTap?() }
-
 }