[STYLE]: 작업 내역 저장

DiaryApp.xcodeproj/project.pbxproj

@@ -13,6 +13,7 @@
 		4E6138B02A9EEF50003A2B37 /* SnapKit in Frameworks */ = {isa = PBXBuildFile; productRef = 4E6138AF2A9EEF50003A2B37 /* SnapKit */; };
 		4E6138B22A9F2664003A2B37 /* DiaryListThumbnailCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4E6138B12A9F2664003A2B37 /* DiaryListThumbnailCell.swift */; };
 		4E6138B42A9F4E87003A2B37 /* DiaryProgressCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4E6138B32A9F4E87003A2B37 /* DiaryProgressCell.swift */; };
+		4E6138B62A9F56E0003A2B37 /* CircleProgressBar.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4E6138B52A9F56E0003A2B37 /* CircleProgressBar.swift */; };
 		4E98A38F2A9CA57B003052D3 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4E98A38E2A9CA57B003052D3 /* AppDelegate.swift */; };
 		4E98A3912A9CA57B003052D3 /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4E98A3902A9CA57B003052D3 /* SceneDelegate.swift */; };
 		4E98A3932A9CA57B003052D3 /* TabBarController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 4E98A3922A9CA57B003052D3 /* TabBarController.swift */; };
@@ -40,6 +41,7 @@
 		4E15508A2A9E0DF500C8A500 /* CustomLabel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CustomLabel.swift; sourceTree = "<group>"; };
 		4E6138B12A9F2664003A2B37 /* DiaryListThumbnailCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DiaryListThumbnailCell.swift; sourceTree = "<group>"; };
 		4E6138B32A9F4E87003A2B37 /* DiaryProgressCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DiaryProgressCell.swift; sourceTree = "<group>"; };
+		4E6138B52A9F56E0003A2B37 /* CircleProgressBar.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CircleProgressBar.swift; sourceTree = "<group>"; };
 		4E98A38B2A9CA57B003052D3 /* DiaryApp.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = DiaryApp.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		4E98A38E2A9CA57B003052D3 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		4E98A3902A9CA57B003052D3 /* SceneDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SceneDelegate.swift; sourceTree = "<group>"; };
@@ -148,6 +150,7 @@
 				4E98A3C02A9CCFB8003052D3 /* CustomImageView.swift */,
 				4E1550882A9E0C6500C8A500 /* CustomStackView.swift */,
 				4E15508A2A9E0DF500C8A500 /* CustomLabel.swift */,
+				4E6138B52A9F56E0003A2B37 /* CircleProgressBar.swift */,
 				4E1550852A9E0BBB00C8A500 /* Cells */,
 			);
 			path = Views;
@@ -243,6 +246,7 @@
 				4E98A3932A9CA57B003052D3 /* TabBarController.swift in Sources */,
 				4E98A38F2A9CA57B003052D3 /* AppDelegate.swift in Sources */,
 				4E98A3912A9CA57B003052D3 /* SceneDelegate.swift in Sources */,
+				4E6138B62A9F56E0003A2B37 /* CircleProgressBar.swift in Sources */,
 				4E98A3A32A9CA634003052D3 /* HomeViewController.swift in Sources */,
 				4E98A3B22A9CA781003052D3 /* DiaryCalenderViewController.swift in Sources */,
 				4E6138B22A9F2664003A2B37 /* DiaryListThumbnailCell.swift in Sources */,

DiaryApp/Controllers/DiaryProgressViewController.swift

@@ -5,23 +5,86 @@
 //  Created by (^ㅗ^)7 iMac on 2023/08/28.
 //
 
+import SnapKit
 import UIKit
 
 class DiaryProgressViewController: UIViewController {
     private let collectionView = CustomCollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout())
 
+//    private let collectionViewFlowLayout: UICollectionViewFlowLayout = {
+//        let layout = UICollectionViewFlowLayout()
+//        layout.scrollDirection = .vertical
+//        layout.itemSize = Const.itemSize
+//        layout.minimumLineSpacing = Const.itemSpacing
+//        layout.minimumInteritemSpacing = 0
+//        return layout
+//    }()
+
     override func viewDidLoad() {
         super.viewDidLoad()
         view.backgroundColor = .systemBackground
+        setupUI()
+        configureCollectionView()
+    }
+
+    private func setupUI() {
+        view.addSubview(collectionView)
+
+        collectionView.snp.makeConstraints { make in
+            make.top.leading.trailing.bottom.equalTo(view.safeAreaLayoutGuide)
+        }
+    }
+
+    private func configureCollectionView() {
+        collectionView.register(DiaryProgressCell.self, forCellWithReuseIdentifier: DiaryProgressCell.identifier)
+        collectionView.dataSource = self
+        collectionView.delegate = self
+
+        collectionView.isScrollEnabled = true
+        collectionView.showsHorizontalScrollIndicator = false
+        collectionView.showsVerticalScrollIndicator = true
+        collectionView.backgroundColor = .clear
+        collectionView.clipsToBounds = true
+        collectionView.isPagingEnabled = false
+        collectionView.contentInsetAdjustmentBehavior = .never
+        collectionView.contentInset = Const.collectionViewContentInset
+        collectionView.decelerationRate = .fast
+
+        if let flowlayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
+            flowlayout.estimatedItemSize = .zero
+        }
+//        collectionView.collectionViewLayout = collectionViewFlowLayout
     }
 }
 
 extension DiaryProgressViewController: UICollectionViewDataSource {
     func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
-        return 10
+        return 15
     }
 
     func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
-        return UICollectionViewCell()
+        guard let cell = collectionView.dequeueReusableCell(withReuseIdentifier: DiaryProgressCell.identifier, for: indexPath) as? DiaryProgressCell else { return UICollectionViewCell() }
+
+        cell.backgroundColor = .systemPink
+        return cell
+    }
+}
+
+extension DiaryProgressViewController: UICollectionViewDelegateFlowLayout {
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
+        let interItemSpacing: CGFloat = 10
+        let padding: CGFloat = 16
+        let width = (collectionView.bounds.width - interItemSpacing * 2 - padding * 2) / 2
+        print("### \(width)")
+        let height = width
+        return CGSize(width: width, height: height)
+    }
+
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
+        return 10
+    }
+
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
+        return 10
     }
 }

DiaryApp/Views/Cells/DiaryProgressCell.swift

@@ -5,6 +5,35 @@
 //  Created by (^ㅗ^)7 iMac on 2023/08/30.
 //
 
-import Cocoa
+import SnapKit
+import UIKit
 
-final class DiaryProgressCell: UICollectionViewCell {}
+final class DiaryProgressCell: UICollectionViewCell {
+    static let identifier = "DiaryProgressCell"
+
+    lazy var circularProgressBarView = CircleProgressBar(frame: .zero)
+    lazy var percentLabel = CustomLabel(frame: .zero)
+
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        setUpCircularProgressBarView()
+    }
+
+    func setUpCircularProgressBarView() {
+        circularProgressBarView.translatesAutoresizingMaskIntoConstraints = false
+
+        circularProgressBarView.center = contentView.center
+        circularProgressBarView.progressAnimation(duration: 30)
+        percentLabel.text = "100%"
+
+        contentView.addSubview(circularProgressBarView)
+        circularProgressBarView.snp.makeConstraints { make in
+            make.centerX.centerY.equalTo(contentView)
+        }
+    }
+
+    @available(*, unavailable)
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+}

DiaryApp/Views/CircleProgressBar.swift

@@ -0,0 +1,61 @@
+//
+//  CircleProgressBar.swift
+//  DiaryApp
+//
+//  Created by (^ㅗ^)7 iMac on 2023/08/30.
+//
+
+import SnapKit
+import UIKit
+
+final class CircleProgressBar: UIView {
+    private var circleLayer = CAShapeLayer()
+    private var progressLayer = CAShapeLayer()
+    private var startPoint = CGFloat(-Double.pi / 2)
+    private var endPoint = CGFloat(3 * Double.pi / 2)
+
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        createCircularPath()
+    }
+
+    @available(*, unavailable)
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    func createCircularPath() {
+        let circularPath = UIBezierPath(arcCenter: CGPoint(x: frame.size.width / 2.0, y: frame.size.height / 2.0), radius: 80, startAngle: startPoint, endAngle: endPoint, clockwise: true)
+        // circleLayer path defined to circularPath
+        circleLayer.path = circularPath.cgPath
+        // ui edits
+        circleLayer.fillColor = UIColor.clear.cgColor
+        circleLayer.lineCap = .round
+        circleLayer.lineWidth = 20.0
+        circleLayer.strokeEnd = 1.0
+        circleLayer.strokeColor = UIColor.systemGray6.cgColor
+        // added circleLayer to layer
+        layer.addSublayer(circleLayer)
+        // progressLayer path defined to circularPath
+        progressLayer.path = circularPath.cgPath
+        // ui edits
+        progressLayer.fillColor = UIColor.clear.cgColor
+        progressLayer.lineCap = .round
+        progressLayer.lineWidth = 10.0
+        progressLayer.strokeEnd = 0
+        progressLayer.strokeColor = UIColor.systemOrange.cgColor
+        // added progressLayer to layer
+        layer.addSublayer(progressLayer)
+    }
+
+    func progressAnimation(duration: TimeInterval) {
+        // created circularProgressAnimation with keyPath
+        let circularProgressAnimation = CABasicAnimation(keyPath: "strokeEnd")
+        // set the end time
+        circularProgressAnimation.duration = 30
+        circularProgressAnimation.toValue = 10.0
+        circularProgressAnimation.fillMode = .forwards
+        circularProgressAnimation.isRemovedOnCompletion = false
+        progressLayer.add(circularProgressAnimation, forKey: "progressAnim")
+    }
+}