Refactor/#171: ZatchButton, 검색창 등 컴포넌트 생성 및 검색 도메인 리팩토링

Zatch/Global/Resource/Extenstion/UICollectionView.swift

@@ -24,4 +24,11 @@ extension UICollectionView{
         }
         return cell
     }
+
+    final func cellForItem<T: BaseCollectionViewCell>(at indexPath: IndexPath, cellType: T.Type) -> T? {
+        if let cell = self.cellForItem(at: indexPath) as? T {
+            return cell
+        }
+        return nil
+    }
 }

Zatch/Global/Source/Component/BorderLine.swift

@@ -0,0 +1,37 @@
+//
+//  BorderLine.swift
+//  Zatch
+//
+//  Created by 박소윤 on 2023/02/12.
+//
+
+import Foundation
+
+extension ZatchComponent{
+
+    class BorderLine: BaseView{
+
+        private let height: CGFloat
+        private let color: UIColor
+
+        init(color: UIColor, height: CGFloat){
+            self.color = color
+            self.height = height
+            super.init(frame: .zero)
+        }
+
+        required init?(coder: NSCoder) {
+            fatalError("init(coder:) has not been implemented")
+        }
+
+        override func style() {
+            self.backgroundColor = color
+        }
+
+        override func layout() {
+            self.snp.makeConstraints{
+                $0.height.equalTo(height)
+            }
+        }
+    }
+}

Zatch/Global/Source/Component/Button/ZatchButton.swift

@@ -0,0 +1,73 @@
+//
+//  ZatchButton.swift
+//  Zatch
+//
+//  Created by 박소윤 on 2023/02/11.
+//
+
+import Foundation
+
+extension ZatchComponent{
+
+    enum ZatchButtonConfiguration{
+        case height48
+    }
+
+    class ZatchButton: UIButton{
+
+        var offset: CGFloat{
+            config.offset
+        }
+
+        private let config: ZatchButtonConfiguration
+
+        init(title: String, configuration: ZatchButtonConfiguration){
+            self.config = configuration
+            super.init(frame: .zero)
+            self.setTitle(title, for: .normal)
+            initialize()
+        }
+
+        required init?(coder: NSCoder) {
+            fatalError("init(coder:) has not been implemented")
+        }
+
+        private func initialize(){
+            style()
+            layout()
+        }
+
+        private func style(){
+            self.layer.cornerRadius = config.height / 2
+            self.titleLabel?.setTypoStyleWithSingleLine(typoStyle: config.typo)
+        }
+
+        private func layout(){
+            self.snp.makeConstraints{
+                $0.height.equalTo(config.height)
+            }
+        }
+    }
+
+}
+
+extension ZatchComponent.ZatchButtonConfiguration{
+
+    var height: CGFloat{
+        switch self{
+        case .height48:     return 48
+        }
+    }
+
+    var typo: TypoStyle{
+        switch self{
+        case .height48:     return .bold18
+        }
+    }
+
+    var offset: CGFloat{
+        switch self{
+        case .height48:     return 56
+        }
+    }
+}

Zatch/Global/Source/Component/Button/ZatchFillButton.swift

@@ -0,0 +1,51 @@
+//
+//  ZatchFillButton.swift
+//  Zatch
+//
+//  Created by 박소윤 on 2023/02/12.
+//
+
+import Foundation
+
+extension ZatchComponent{
+
+    class FillButton: ZatchButton{
+
+        enum ButtonColor{
+            case purple
+            case yellow
+        }
+
+        private let color: ButtonColor
+
+        init(color: ButtonColor, title: String, configuration: ZatchComponent.ZatchButtonConfiguration){
+            self.color = color
+            super.init(title: title, configuration: configuration)
+            initialize()
+        }
+
+        required init?(coder: NSCoder) {
+            fatalError("init(coder:) has not been implemented")
+        }
+
+        private func initialize(){
+            self.backgroundColor = color.backgroundColor
+            self.setTitleColor(color.textColor, for: .normal)
+        }
+    }
+}
+
+extension ZatchComponent.FillButton.ButtonColor{
+    var backgroundColor: UIColor{
+        switch self{
+        case .purple:       return .zatchPurple
+        case .yellow:       return .zatchDeepYellow
+        }
+    }
+
+    var textColor: UIColor{
+        switch self{
+        default:    return .white
+        }
+    }
+}

Zatch/Global/Source/Component/SearchTextFieldView.swift

@@ -0,0 +1,48 @@
+//
+//  SearchTextFieldView.swift
+//  Zatch
+//
+//  Created by 박소윤 on 2023/02/12.
+//
+
+import Foundation
+
+extension ZatchComponent{
+
+    class SearchTextFieldView: BaseView{
+
+        let textField = UITextField().then{
+            $0.font = UIFont.pretendard(size: 18, family: .Bold)
+            $0.textAlignment = .center
+        }
+        private let searchIcon = UIImageView().then{
+            $0.image = Image.search
+        }
+        private let borderLine = ZatchComponent.BorderLine(color: .black85, height: 2)
+
+        override func hierarchy() {
+            self.addSubview(textField)
+            self.addSubview(searchIcon)
+            self.addSubview(borderLine)
+        }
+
+        override func layout() {
+            borderLine.snp.makeConstraints{
+                $0.leading.equalToSuperview().offset(40)
+                $0.trailing.equalToSuperview().offset(-40)
+                $0.bottom.equalToSuperview().offset(-16)
+            }
+            searchIcon.snp.makeConstraints{
+                $0.width.height.equalTo(28)
+                $0.top.equalToSuperview().offset(12)
+                $0.trailing.equalToSuperview().offset(-48)
+                $0.bottom.equalToSuperview().offset(-24)
+            }
+            textField.snp.makeConstraints{
+                $0.bottom.equalTo(borderLine.snp.top).offset(-10)
+                $0.trailing.equalTo(searchIcon.snp.leading).offset(-10)
+                $0.centerX.equalToSuperview()
+            }
+        }
+    }
+}

Zatch/Global/Source/Component/Tag/Tag.swift

@@ -31,7 +31,7 @@ extension ZatchComponent{
         }
     }
 
-    class Tag: UILabel{
+    class Tag: TagLabel{
 
         var isDisabled = false{
             didSet{
@@ -50,27 +50,14 @@ extension ZatchComponent{
         init(color: TagColor, configuration: TagType){
             self.colorType = color
             self.configuration = configuration
-            super.init(frame: .zero)
+            super.init(padding: configuration.padding)
             initialize()
         }
 
         required init?(coder: NSCoder) {
             fatalError("init(coder:) has not been implemented")
         }
 
-        override func drawText(in rect: CGRect) {
-            let inset = configuration.padding.inset
-            super.drawText(in: rect.inset(by: inset))
-        }
-
-        override var intrinsicContentSize: CGSize{
-            let padding = configuration.padding
-            var contentSize = super.intrinsicContentSize
-            contentSize.height += padding.top + padding.bottom
-            contentSize.width += padding.left + padding.right
-            return contentSize
-        }
-
         private func initialize(){
             style()
             layout()

Zatch/Global/Resource/Old/ZatchComponent/TitleView.swift → Zatch/Global/Source/Component/TopTitleView.swift

@@ -1,5 +1,5 @@
 //
-//  UIContainerView.swift
+//  TopTitleView.swift
 //  Zatch
 //
 //  Created by 박지윤 on 2022/05/02.
@@ -8,21 +8,26 @@
 import Foundation
 import UIKit
 
-class TitleView: UIView{
+class TopTitleView: BaseView{
 
-    let titleLabel = UILabel().then{
+    private let titleLabel = UILabel().then{
         $0.numberOfLines = 0
-        $0.font = UIFont.pretendard(size: 20, family: .Bold)
+        $0.font = UIFont.pretendard(size: 22, family: .Bold)
     }
 
-    override init(frame: CGRect){
-        super.init(frame: frame)
-
-        self.snp.makeConstraints{ make in
-            make.height.equalTo(88)
-        }
+    init(title: String){
+        self.titleLabel.text = title
+        super.init(frame: .zero)
+    }
+
+    override func hierarchy() {
         self.addSubview(titleLabel)
-
+    }
+
+    override func layout() {
+        self.snp.makeConstraints{
+            $0.height.equalTo(120)
+        }
         titleLabel.snp.makeConstraints{ make in
             make.top.equalToSuperview().offset(16)
             make.leading.equalToSuperview().offset(28)

Zatch/Global/Source/Utils/TagLabel.swift

@@ -0,0 +1,33 @@
+//
+//  TagLabel.swift
+//  Zatch
+//
+//  Created by 박소윤 on 2023/02/11.
+//
+
+import Foundation
+
+class TagLabel: UILabel{
+
+    private let padding: UIEdgeInsets
+
+    init(padding: ZatchComponent.Padding){
+        self.padding = padding.inset
+        super.init(frame: .zero)
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    override func drawText(in rect: CGRect) {
+        super.drawText(in: rect.inset(by: padding))
+    }
+
+    override var intrinsicContentSize: CGSize {
+        var contentSize = super.intrinsicContentSize
+        contentSize.height += padding.top + padding.bottom
+        contentSize.width += padding.left + padding.right
+        return contentSize
+    }
+}