[JC/Week4] Token & UserDefaults

[jayn2u]

📍Summary

해당 PR에 대한 내용을 요약해주세요.

구글 사용자 인증 사용 간 자동로그인 로직을 구현했습니다.

💡PR Point

코드들에서 핵심 코드들을 설명해주세요. 또는 알게된 부분들을 공유해주세요.

// SceneDelegate.swift

if let currentUser = Auth.auth().currentUser {
      if let savedUID = UserDefaults.standard.string(forKey: "currentUserUID"), savedUID == currentUser.uid {
        window?.rootViewController = GoogleAuthLoginedViewController()
      } else {
        window?.rootViewController = GoogleAuthViewController()
      }
    } else {
      window?.rootViewController = GoogleAuthViewController()
    }

• SceneDelegate.swift 파일에서 rootViewController를 설정하는 코드라고 생각합니다.

• 아직 풀리지 않는 의문점들은 있습니다.

• UserDefaults에 어떤 값들을 할당해서 활용해야 좋은 활용 코드가 될 지 조금 더 고민하고 싶습니다.

  🤔 Question

  작업하시면서 궁금했던 질문들을 남겨주세요.

• SceneDelegate.swift 파일에서 작성된 코드들을 활용하는 부분을 검토하고 다양한 생각들을 들어보고 싶어요!

• 나라면 어떻게 코드를 작성했을 것 같다! 이렇게 다양한 생각들을 들어보고 싶습니다.

🔑 Simulator

simulator 영상을 화면 녹화 후 보여주세요.

[jayn2u]

3f6d7c 커밋 제거 설명

설명

• 처음에 들었던 생각이 4주차 브랜치에서 다른 파일들을 추적하고 싶지 않았었는데, 생각해보니 이미 메인에 3, 4, 5주차 항목이 있는 상태에서 4주차 브랜치를 만들었던 사실입니다.
• 그래서 로컬에서 버전을 돌려서 이미 열려 있는 PR에 강제로 푸시했습니다.
• 설명을 위해 글을 남기는 것이라서, 딱히 신경쓰지 않아도 될 것 같습니다.

[jayn2u]

📍Summary

해당 PR에 대한 내용을 요약해주세요.

• loginButtonTapped 메소드와 logoutButtonTapped 메소드에서 뷰를 전환하는 부분입니다.

💡PR Point

코드들에서 핵심 코드들을 설명해주세요. 또는 알게된 부분들을 공유해주세요.

@objc func loginButtonTapped() {
    guard let inputEmailString = emailTextField.text,
      let inputPasswordString =
        passwordTextField.text
    else { return }

    Auth.auth().signIn(withEmail: inputEmailString, password: inputPasswordString) { authResult, error in
      if let error = error {
        debugPrint("Error occured in signIn process")
        debugPrint("Error message below here")
        debugPrint(error.localizedDescription)
      }

      guard let authResult = authResult else { return }
      debugPrint(authResult)

      let profileLoginedViewController = ProfileLoginedViewController()
      profileLoginedViewController.emailLabel.text = inputEmailString

      guard let sceneDelegate = UIApplication.shared.connectedScenes.first?.delegate as? SceneDelegate else { return }
      sceneDelegate.window?.rootViewController = profileLoginedViewController
    }

  }

@objc func logoutButtonTapped() {
    debugPrint("Logout success...!")

    guard let sceneDelegate = UIApplication.shared.connectedScenes.first?.delegate as? SceneDelegate else { return }
    sceneDelegate.window?.rootViewController = MainViewController()
  }

• 위 두 가지 코드에서 새롭게 뷰를 연결하는 로직을 생성했습니다.
• 이전에는 self.present()를 사용해서 뷰를 modal 형태로 연결했었는데, SceneDelegate.swift에서 볼 수 있는 루트뷰를 변환하는 작업을 염두에 두고 작업했습니다.

🤔 Question

작업하시면서 궁금했던 질문들을 남겨주세요.

• 새롭게 작성한 코드는 뷰컨트롤러 객체 인스턴스를 새롭게 생성해서 루트뷰를 변경하는 로직으로 작성되어 있습니다.
• 이 부분에서 궁금한 것은 이렇게 버튼이 동작할 때 마다 객체가 생성되고 루트뷰에 새롭게 할당하게 되면 이전에 생성되었는 객체 인스턴스의 메모리 해제는 어떻게 되는지 궁금합니다.

🔑 Simulator

simulator 영상을 화면 녹화 후 보여주세요.

[jayn2u]

📍Summary

해당 PR에 대한 내용을 요약해주세요.

Firebase와 UserDefaults를 사용해서 Auto-login 로직 구현을 성공했습니다.

💡PR Point

코드들에서 핵심 코드들을 설명해주세요. 또는 알게된 부분들을 공유해주세요.

• 데이터베이스에서 정보를 불러와서 아이폰 메모리에 현재 사용자의 정보를 보관하고 있는 과정이 핵심입니다.
• 제가 이 부분에서 JWT를 사용했는지 안 했는지는 모르겠습니다.
• 원리를 알고 나니 생각보다 간단한 구현이었고, 다른 데이터베이스를 연결해서 같은 로직을 수행해보고 싶은 생각이 듭니다.

🤔 Question

작업하시면서 궁금했던 질문들을 남겨주세요.

• 전반적으로 로직이 수행되는 과정에서 놓친 부분이 없는지 궁금합니다.
• 특히 이번 과제는 메모리와 관련하여 고민한 부분들이 많았는데, ViewController 클래스의 인스턴스를 생성하고 소멸하는 과정에서 여러 생각을 들어보고 싶습니다.

🔑 Simulator

simulator 영상을 화면 녹화 후 보여주세요.

[jayn2u]

📍Summary

해당 PR에 대한 내용을 요약해주세요.

• Google Authentication을 사용해서 Firebase DB에 업로드하는 로직을 구현했습니다.

💡PR Point

코드들에서 핵심 코드들을 설명해주세요. 또는 알게된 부분들을 공유해주세요.

• 생각보다 문서에 있는대로 수행하다보니 쉽게 해결할 수 있었습니다.
• 처음에는 Apple Authentication으로 하려 했지만, Apple Developer Enrollment 간 12만원을 지불해야 하기에....포기...
• 공식문서도 보다보니 실력이 느는 것 같습니다.

PR Point - Code

  @objc private func makeUserAuthenticationInfo() {
    guard let clientID = FirebaseApp.app()?.options.clientID else { return }

    // Create Google Sign In configuration object.
    let config = GIDConfiguration(clientID: clientID)
    GIDSignIn.sharedInstance.configuration = config

    // Start the sign in flow!
    GIDSignIn.sharedInstance.signIn(withPresenting: self) { [unowned self] result, error in
      guard error == nil else {
        return
      }

      guard let user = result?.user,
        let idToken = user.idToken?.tokenString
      else {
        return
      }

      let credential = GoogleAuthProvider.credential(
        withIDToken: idToken,
        accessToken: user.accessToken.tokenString)

      Auth.auth().signIn(with: credential) { authResult, error in
        if let error = error {
          debugPrint(error.localizedDescription)
        }

        guard let authResult = authResult else { return }
        debugPrint(authResult)
      }

    }

  }

• 문서에서 기본적으로 제공하는 정보들을 잘 생각해서 프로젝트 파일에 탑재했습니다.
• 함수 안에서 동작하는 로직들은 기본적으로 제공된 코드이기 때문에 저도 정확한 원리는 잘 모르겠습니다.
• 제가 신경쓰는 부분은 credential로 받아오는 결과를 DB에 업로드 하는 작업이고 완료 핸들러에서 처리할 수 있는 코드를 작성하는 것 입니다.
• 추후 Google Authentication을 거친 이후 작업들을 어떻게 처리해볼 지 고민해보고 지속 업데이트 하겠습니다.

🤔 Question

작업하시면서 궁금했던 질문들을 남겨주세요.

• 아직은 딱히 없습니다. 앞으로 로그인을 하고 나서 해당 계정에 맞는 View로 전환되는 로직을 만들려고 합니다.
• 혹시 추천해줄만한 도전 과제 부탁해요.

🔑 Simulator

simulator 영상을 화면 녹화 후 보여주세요.

[jayn2u]

📍Summary

해당 PR에 대한 내용을 요약해주세요.

• 구글 로그인을 성공하고 로그아웃을 해서 화면 전환을 하는 UX를 추가했습니다.

💡PR Point

코드들에서 핵심 코드들을 설명해주세요. 또는 알게된 부분들을 공유해주세요.

  @objc func logoutButtonTapped() {
    let firebaseAuth = Auth.auth()

    do {
      try firebaseAuth.signOut()
      debugPrint("Log-out successfully...!")
      guard
        let sceneDelegate = UIApplication.shared.connectedScenes.first?.delegate as? SceneDelegate
      else { return }
      sceneDelegate.window?.rootViewController = GoogleAuthViewController()
    } catch {
      debugPrint("Error occured in signing out...!")
    }
  }

• 로그아웃 버튼의 동작 메소드가 핵심입니다.
• Firebase에서 로그아웃을 할 때 사용되는 signOut() 메소드를 활용했습니다.
• 기본적으로 에러를 throw 하는 코드이기 때문에 에러 핸들링 코드를 작성했습니다.
• 또한 View를 전환하는 코드를 작성해서 Scene의 처음 시작 화면을 전환하는 코드를 작성해두었습니다.
• 다음은 자동로그인을 구현해볼 생각입니다.
• 작업을 하다보니 점점 MVC의 단점이 느껴집니다. 특히 Controller에 너무 많은 로직들을 포함시키고 있어서 지금 공부하는 정도의 단계임에도 불구하고 점점 정리하고 싶어지는 생각이 막 나네요.

🤔 Question

작업하시면서 궁금했던 질문들을 남겨주세요.

• 위에 올렸던 질문 중 메모리에 관한 질문과 이어집니다.
• 지금 사용하는 방법을 채택하면 제가 생각했던 문제를 해결할 수 있는 방법이라서 괜찮은 해결책이라고 생각합니다.
• 다만 참조가 끊어진 객체를 OS가 메모리에서 해제하는지, 하드웨어적인 흐름에 부정적인 영향을 미치는 코드가 아닌가..싶어요

🔑 Simulator

simulator 영상을 화면 녹화 후 보여주세요.

[jayn2u]

📍Summary

해당 PR에 대한 내용을 요약해주세요.

구글 사용자 인증 사용 간 자동로그인 로직을 구현했습니다.

💡PR Point

코드들에서 핵심 코드들을 설명해주세요. 또는 알게된 부분들을 공유해주세요.

// SceneDelegate.swift

if let currentUser = Auth.auth().currentUser {
      if let savedUID = UserDefaults.standard.string(forKey: "currentUserUID"), savedUID == currentUser.uid {
        window?.rootViewController = GoogleAuthLoginedViewController()
      } else {
        window?.rootViewController = GoogleAuthViewController()
      }
    } else {
      window?.rootViewController = GoogleAuthViewController()
    }

• SceneDelegate.swift 파일에서 rootViewController를 설정하는 코드라고 생각합니다.

• 아직 풀리지 않는 의문점들은 있습니다.

• UserDefaults에 어떤 값들을 할당해서 활용해야 좋은 활용 코드가 될 지 조금 더 고민하고 싶습니다.

  🤔 Question

  작업하시면서 궁금했던 질문들을 남겨주세요.

• SceneDelegate.swift 파일에서 작성된 코드들을 활용하는 부분을 검토하고 다양한 생각들을 들어보고 싶어요!

• 나라면 어떻게 코드를 작성했을 것 같다! 이렇게 다양한 생각들을 들어보고 싶습니다.

🔑 Simulator

simulator 영상을 화면 녹화 후 보여주세요.

[jayn2u]

제이시 워크북 미션에 더해서 구글 로그인까지 폼 너무 좋습니다!!!

더해서 제가 아는 일반 로그인 로직에 대해 설명해드리자면,, 먼저 로그인을 성공하면 서버에서 accessToken과 refreshToken을 주어 UserDefault가 아닌 keyChain에 저장합니다. 그리고 자동로그인 알림을 띄워서 UserDefault에는 isAutoLogin이라는 자동로그인 변수만 담아놔요! (추가적으로 사용자 이름 등 프로필 정보 저장할 수도 있어요) 다시 앱에 접속할때 isAutoLogin과 토큰이 만료됐는지의 여부를 살핀후, 로그인뷰로 갈지 메인뷰로 갈지 결정합니다!! (이부분에 대해 이해가 안되신다면 깊은 내용이다보니, PR보다는 해당 PR먼저 정리후 머지 시킨 다음, 개인적으로 질문해주세요..!)

자세한 답변 너무 고마워요. 안그래도 클라이언트 혼자서 서버와 통신을 해야 하는 부분을 다루다보니, 조금 리서치 해야 할 부분들이 많아진 것 같은데, JWT를 사용한 사용자 인증 방식에 대해서 리서치를 해보는 중 입니다. 상황 지속적으로 업데이트 할게요!