Refactor: LoginView, IntroView 그래픽 추가

Author: choijungp

Projects/Presentation/Sources/Login/View/IntroView.swift

@@ -14,8 +14,9 @@ public final class IntroView: UIViewController {
     private enum Layout {
         static let horizontalMargin: CGFloat = 20
         static let labelTopSpacing: CGFloat = 54
+        static let labelHeight: CGFloat = 60
         static let graphViewTopSpacing: CGFloat = 118
-        static let graphViewBottomSpacing: CGFloat = 64
+        static let graphViewBottomSpacing: CGFloat = 53
         static let graphViewHeight: CGFloat = 295
         static let graphViewWidth: CGFloat = 257
         static let startButtonBottomSpacing: CGFloat = 20
@@ -67,14 +68,14 @@ public final class IntroView: UIViewController {
             make.leading.equalTo(safeArea).offset(Layout.horizontalMargin)
             make.trailing.equalTo(safeArea).inset(Layout.horizontalMargin)
             make.top.equalTo(safeArea).offset(Layout.labelTopSpacing)
-            make.height.equalTo(60)
+            make.height.equalTo(Layout.graphViewWidth)
         }
 
         graphView.snp.makeConstraints { make in
             make.top.equalTo(introLabel.snp.bottom).offset(Layout.graphViewTopSpacing)
-            make.bottom.equalTo(startButton.snp.top).offset(-133)
-            make.leading.equalTo(safeArea).offset(53)
-            make.trailing.equalTo(safeArea).inset(65)
+            make.leading.equalTo(safeArea).offset(Layout.graphViewWidth)
+            make.width.equalTo(Layout.graphViewWidth)
+            make.height.equalTo(Layout.graphViewHeight)
         }
 
         startButton.snp.makeConstraints { make in

Projects/Presentation/Sources/Login/View/LoginView.swift

@@ -15,14 +15,19 @@ final class LoginView: BaseViewController<LoginViewModel> {
 
     private enum Layout {
         static let horizontalMargin: CGFloat = 20
-        static let logoTopSpacing: CGFloat = 115
-        static let logoSize: CGFloat = 335
+        static let loginLabelTopSpacing: CGFloat = 54
+        static let loginLabelHeight: CGFloat = 30
+        static let logoBottomSpacing: CGFloat = 79
+        static let logoLeadingSpacing: CGFloat = 53
+        static let logoWidth: CGFloat = 257
+        static let logoHeight: CGFloat = 295
         static let loginButtonHeight: CGFloat = 54
         static let loginButtonBottomSpacing: CGFloat = 20
         static let loginButtonSpacing: CGFloat = 12
     }
 
-    private let logoView = UIView()
+    private let loginLabel = UILabel()
+    private let logoView = UIImageView()
     private let kakaoLoginButton = SocialLoginButton(socialType: .kakao)
     private let appleLoginButton = SocialLoginButton(socialType: .apple)
     private var cancellables: Set<AnyCancellable>
@@ -46,7 +51,11 @@ final class LoginView: BaseViewController<LoginViewModel> {
     }
 
     override func configureAttribute() {
-        logoView.backgroundColor = BitnagilColor.gray90
+        loginLabel.text = "빛나길에 오신걸 환영해요!"
+        loginLabel.font = BitnagilFont(style: .title2, weight: .bold).font
+        loginLabel.textColor = BitnagilColor.navy500
+
+        logoView.image = BitnagilGraphic.introGraphic
 
         kakaoLoginButton.addAction(UIAction { [weak self] _ in
             self?.viewModel.action(input: .kakaoLogin)
@@ -61,15 +70,22 @@ final class LoginView: BaseViewController<LoginViewModel> {
         let safeArea = view.safeAreaLayoutGuide
         view.backgroundColor = .systemBackground
 
+        view.addSubview(loginLabel)
         view.addSubview(logoView)
         view.addSubview(kakaoLoginButton)
         view.addSubview(appleLoginButton)
 
+        loginLabel.snp.makeConstraints { make in
+            make.top.equalTo(safeArea).offset(Layout.loginLabelTopSpacing)
+            make.height.equalTo(Layout.loginLabelHeight)
+            make.centerX.equalToSuperview()
+        }
+
         logoView.snp.makeConstraints { make in
-            make.leading.equalTo(safeArea).offset(Layout.horizontalMargin)
-            make.trailing.equalTo(safeArea).inset(Layout.horizontalMargin)
-            make.top.equalTo(safeArea).offset(Layout.logoTopSpacing)
-            make.size.equalTo(Layout.logoSize)
+            make.leading.equalTo(safeArea).offset(Layout.logoLeadingSpacing)
+            make.bottom.equalTo(kakaoLoginButton.snp.top).offset(-Layout.logoBottomSpacing)
+            make.width.equalTo(Layout.logoWidth)
+            make.height.equalTo(Layout.logoHeight)
         }
 
         kakaoLoginButton.snp.makeConstraints { make in