Skip to content

[refactor] 주석 정리 및 테이블뷰 헤더 리팩토링 #129

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
aado97 wants to merge 4 commits into from
Closed

[refactor] 주석 정리 및 테이블뷰 헤더 리팩토링 #129

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9ee4a59
[#128] 주석 정리 및 테이블뷰 헤더 리팩토링
aado97 Apr 7, 2025
74e0c27
Revert "[#128] 주석 정리 및 테이블뷰 헤더 리팩토링"
aado97 Apr 7, 2025
8fdda32
Revert "[#128] 주석 정리 및 테이블뷰 헤더 리팩토링"
aado97 Apr 7, 2025
709165c
[#128] 담당파트 주석정리 및 리팩토링
aado97 Apr 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 8 additions & 2 deletions RunLog/RunLog/Sources/Presentation/DetailLog/Model/DisplayDayLog.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
import Foundation

// MARK: - DisplayDayLog Model
/// 하루 동안의 운동 기록을 표시하기 위한 모델
struct DisplayDayLog {
let date: Date
let locationName: String
Expand All @@ -20,11 +21,14 @@ struct DisplayDayLog {
let totalSteps: Int
}


// MARK: - DisplayDayLog 초기화 추가
extension DisplayDayLog {
/// DayLog 모델 데이터를 기반으로 DisplayDayLog를 초기화하는 생성자
/// - Parameter dayLog: 원본 DayLog 데이터
init(from dayLog: DayLog) {
self.date = dayLog.date

// 위치 문자열을 공백으로 분리 후 필요한 토큰만 사용
let splitted = dayLog.locationName.split(separator: " ").map { String($0) }
if splitted.isEmpty {
self.locationName = ""
Expand All @@ -34,14 +38,16 @@ extension DisplayDayLog {
// 첫 번째 토큰이 "시"로 끝나면 첫 번째 토큰만 사용
self.locationName = first
} else {
// 그렇지 않으면, 두 번째 토큰까지 합쳐서 사용 (단, 두 번째 토큰이 없으면 첫 번째 토큰만 사용)
// 그렇지 않으면, 두 번째 토큰까지 합쳐서 사용 (두 번째 토큰이 없으면 첫 번째 토큰만 사용)
if splitted.count >= 2 {
self.locationName = "\(first) \(splitted[1])"
} else {
self.locationName = first
}
}
}

// 날씨 정보 및 온도, 제목, 난이도, 소요시간, 거리, 걸음수 설정
self.weather = Constants.WeatherCondition.from(dayLog.weather).description
self.temperature = dayLog.temperature
self.title = dayLog.title
Expand Down
12 changes: 8 additions & 4 deletions RunLog/RunLog/Sources/Presentation/DetailLog/Model/RecordDetail.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,20 +7,24 @@

import Foundation

/// 각 기록 섹션의 세부 정보를 담는 모델
struct RecordDetail {
let timeRange: String // 예: "06:12 - 06:18"
let distance: String // 예: "1.81km"
let steps: String // 예: "345"
let route: [Point]
let route: [Point] // 해당 섹션의 경로 좌표 배열
}

extension RecordDetail {
/// Section 데이터를 기반으로 RecordDetail 생성
/// Section 데이터를 기반으로 RecordDetail을 생성하는 생성자
/// - Parameter section: 원본 Section 데이터
init(from section: Section) {
// route 배열을 timestamp 기준으로 정렬
// Section의 route 배열을 timestamp 기준으로 오름차순 정렬
let sortedRoute = section.route.sorted { $0.timestamp < $1.timestamp }
let startTime = sortedRoute.first?.timestamp
let endTime = sortedRoute.last?.timestamp

// 시작 시간과 종료 시간을 "HH:mm" 형식의 문자열로 변환하여 timeRange 생성
let timeRange: String
if let start = startTime, let end = endTime {
let formatter = DateFormatter()
Expand All @@ -31,9 +35,9 @@ extension RecordDetail {
}

self.timeRange = timeRange
// 거리와 걸음수는 형식에 맞게 문자열로 변환
self.distance = String(format: "%.2fkm", section.distance)
self.steps = "\(section.steps)"
self.route = section.route
}
}

47 changes: 27 additions & 20 deletions RunLog/RunLog/Sources/Presentation/DetailLog/View/DetailLogView.swift
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@ import MapKit
import SnapKit
import Then


final class DetailLogView: UIView {

// MARK: - UI Components 선언
Expand All @@ -26,33 +25,32 @@ final class DetailLogView: UIView {

/// 지도 영역을 표시하는 MKMapView
private let mapView = MKMapView().then {
// 추가 delegate 설정 및 커스터마이징 가능
// 지도 영역에 둥근 모서리 효과 적용 및 클리핑 활성화
$0.layer.cornerRadius = DynamicSize.scaledSize(10)
$0.clipsToBounds = true
}



/// 지도 위에 오버레이될 무빙트랙 버튼
let movingTrackButton = UIButton(type: .system).then {
$0.configuration = UIButton.Configuration.plain()

// 버튼의 타이틀 설정
let attributedTitle = NSAttributedString.RLAttributedString(text: "무빙트랙", font: .Label2)
$0.setAttributedTitle(attributedTitle, for: .normal)
$0.backgroundColor = .Gray300
$0.layer.cornerRadius = DynamicSize.scaledSize(10)

// 버튼 아이콘 설정 (시스템 이미지 사용)
let config = UIImage.SymbolConfiguration(pointSize: DynamicSize.scaledSize(16), weight: .regular)
let icon = UIImage(systemName: RLIcon.play.name)?.withConfiguration(config)
$0.setImage(icon, for: .normal)
$0.tintColor = .Gray000

// 이미지와 타이틀 간의 여백 설정
$0.configuration?.contentInsets = NSDirectionalEdgeInsets(top: 0, leading: DynamicSize.scaledSize(8), bottom: 0, trailing: DynamicSize.scaledSize(8))
$0.configuration?.imagePadding = DynamicSize.scaledSize(8)
}



/// 타이틀 라벨
private let titleLabel = RLLabel(
text: "하트런",
Expand Down Expand Up @@ -120,6 +118,7 @@ final class DetailLogView: UIView {
font: .RLHeading1
)

/// 소요시간 관련 정보를 담는 수직 스택뷰
private lazy var timeStack: UIStackView = {
let stack = UIStackView(arrangedSubviews: [timeTitleLabel, timeValueLabel])
stack.axis = .vertical
Expand All @@ -144,6 +143,7 @@ final class DetailLogView: UIView {
font: .RLHeading1
)

/// 운동거리 관련 정보를 담는 수직 스택뷰
private lazy var distanceStack: UIStackView = {
let stack = UIStackView(arrangedSubviews: [distanceTitleLabel, distanceValueLabel])
stack.axis = .vertical
Expand All @@ -168,6 +168,7 @@ final class DetailLogView: UIView {
font: .RLHeading1
)

/// 걸음수 관련 정보를 담는 수직 스택뷰
private lazy var stepsStack: UIStackView = {
let stack = UIStackView(arrangedSubviews: [stepsTitleLabel, stepsValueLabel])
stack.axis = .vertical
Expand All @@ -176,6 +177,7 @@ final class DetailLogView: UIView {
return stack
}()

/// 소요시간, 운동거리, 걸음수 정보를 수평으로 나열하는 스택뷰
lazy var statsStack: UIStackView = {
let stack = UIStackView(arrangedSubviews: [timeStack, distanceStack, stepsStack])
stack.axis = .horizontal
Expand All @@ -196,8 +198,8 @@ final class DetailLogView: UIView {
// MARK: - Init
override init(frame: CGRect) {
super.init(frame: frame)
setupUI()
setupLayout()
setupUI() // UI 요소들을 추가
setupLayout() // SnapKit을 통한 레이아웃 설정

print("LogView initialized")
}
Expand All @@ -207,19 +209,22 @@ final class DetailLogView: UIView {
}

// MARK: - Setup UI
/// 하위 뷰들을 계층 구조에 추가하는 메서드
private func setupUI() {
// UI 요소 추가
backgroundColor = .Gray900

// 스크롤뷰와 내부 콘텐츠 뷰 추가
addSubview(scrollView)
scrollView.addSubview(contentView)

// 콘텐츠 뷰에 지도, 타이틀, 날씨, 구분선, 통계, 기록 상세 관련 뷰 추가
contentView.addSubviews(mapView, titleLabel, weatherStack, separatorView, statsStack, recordTitleLabel, recordDetailView)
// 지도 위에 무빙트랙 버튼 추가
mapView.addSubview(movingTrackButton)

}

// MARK: - Setup Layout
/// SnapKit을 활용하여 각 UI 요소들의 레이아웃 제약 조건을 설정하는 메서드
private func setupLayout() {
scrollView.snp.makeConstraints { make in
make.edges.equalTo(self)
Expand All @@ -230,43 +235,46 @@ final class DetailLogView: UIView {
make.width.equalTo(self.safeAreaLayoutGuide.snp.width)
}

// 지도 영역 설정: 상단 인셋과 좌우 인셋, 높이는 너비와 동일하게 설정
mapView.snp.makeConstraints { make in
make.top.equalToSuperview().inset(DynamicSize.scaledSize(16))
make.leading.trailing.equalToSuperview().inset(DynamicSize.scaledSize(24))
make.height.equalTo(mapView.snp.width)
}

// 무빙트랙 버튼 위치 설정: 지도 뷰의 우측 하단
movingTrackButton.snp.makeConstraints { make in
make.bottom.trailing.equalToSuperview().inset(DynamicSize.scaledSize(8))
make.width.equalTo(DynamicSize.scaledSize(95))
make.height.equalTo(DynamicSize.scaledSize(40))
}

// 타이틀 라벨: 맵뷰 아래
// 타이틀 라벨 배치: 지도 하단에 위치
titleLabel.snp.makeConstraints { make in
make.top.equalTo(mapView.snp.bottom).offset(DynamicSize.scaledSize(24))
make.leading.trailing.equalToSuperview().inset(DynamicSize.scaledSize(24))
}

// 날씨 스택: 타이틀 아래
// 날씨 스택 배치: 타이틀 라벨 아래에 위치
weatherStack.snp.makeConstraints { make in
make.top.equalTo(titleLabel.snp.bottom).offset(DynamicSize.scaledSize(8))
make.leading.equalToSuperview().inset(DynamicSize.scaledSize(24))
}

// 구분선:날씨 스택 아래
// 구분선 배치: 날씨 스택 아래, 좌우 인셋과 높이 설정
separatorView.snp.makeConstraints { make in
make.top.equalTo(weatherStack.snp.bottom).offset(DynamicSize.scaledSize(8))
make.leading.trailing.equalToSuperview().inset(DynamicSize.scaledSize(24))
make.height.equalTo(DynamicSize.scaledSize(1))
}

// 통계 스택: 구분선 아래
// 통계 스택 배치: 구분선 아래에 위치
statsStack.snp.makeConstraints { make in
make.top.equalTo(separatorView.snp.bottom).offset(DynamicSize.scaledSize(8))
make.leading.trailing.equalToSuperview().inset(DynamicSize.scaledSize(24))
}

// 각 정보 스택의 너비 비율 설정
timeStack.snp.makeConstraints { make in
make.width.equalTo(statsStack.snp.width).multipliedBy(0.334)
}
Expand All @@ -277,17 +285,17 @@ final class DetailLogView: UIView {
make.width.equalTo(statsStack.snp.width).multipliedBy(0.333)
}

// 기록상세
// 기록 상세 타이틀 배치
recordTitleLabel.snp.makeConstraints { make in
make.top.equalTo(statsStack.snp.bottom).offset(DynamicSize.scaledSize(24))
make.leading.equalToSuperview().inset(DynamicSize.scaledSize(24))
}

// “기록 상세” 테이블뷰
// “기록 상세” 테이블뷰 배치
recordDetailView.snp.makeConstraints { make in
make.top.equalTo(recordTitleLabel.snp.bottom).offset(DynamicSize.scaledSize(16))
make.top.equalTo(recordTitleLabel.snp.bottom).offset(DynamicSize.scaledSize(8))
make.leading.trailing.equalToSuperview().inset(DynamicSize.scaledSize(16))
make.bottom.equalToSuperview().offset(DynamicSize.scaledSize(-20))
make.bottom.lessThanOrEqualToSuperview().offset(DynamicSize.scaledSize(-20))
}
}

Expand Down Expand Up @@ -338,9 +346,8 @@ extension DetailLogView {
mapView.setRegion(region, animated: animated)
}

/// 맵뷰에 추가된 모든 오버레이 제거
func removeAllMapOverlays() {
mapView.removeOverlays(mapView.overlays)
}
}


Loading