<aside> 💡

토글버튼(►)을 클릭하면 세부 내용을 확인하실 수 있습니다.

</aside>

개요

• 앱스토어에 출시된 많은 앱들은 사용자에게 소셜 경험을 제공하기 위해 앱 로그인 화면을 가지고 있습니다.
• 이때 사용자의 간편한 회원가입 및 로그인을 위해 카카오, 네이버, 구글 등과 같은 플랫폼의 계정을 통해 소셜로그인이 가능하며, 애플의 앱 가이드라인에 따르면 다른 업체의 소셜로그인을 구현하는 경우 애플 ID로 로그인 할 수 있는 기능을 제공해야만 합니다.
• 따라서 추후 앱을 개발할 때 소셜로그인을 도입하는 경우가 생길 것을 대비해 애플 ID를 이용한 로그인 및 사용 중단을 구현하는 방법을 미리 익혀보고자 했습니다.

개발 환경

• 개발인원: 1인

• 아키텍처 패턴: MVC

• 지원 기기 및 버전: iPhone / iOS 15.0+

• 스토리보드 vs 코드: UI가 단순한 프로젝트인 만큼 모든 화면은 스토리보드로 빠르게 구성하고, 오토레이아웃 설정을 통해 각종 레이블과 버튼들을 배치했습니다.

  

• 주요 프레임워크 및 라이브러리

  • UI: UIKit
  • 비동기처리 및 UI 바인딩: RxSwift, RxCocoa, RxGesture
  • 네트워킹: Alamofire
  • 사용자 인증 및 암호화: AuthenticationServices, CryptoKit, SwiftJWT

구성 및 주요 기능

• 앱 화면 흐름도: 바로가기🔗

• 주요 구현 내용

  • 애플 ID를 이용한 로그인
  • 토큰 취소를 통한 애플 ID 사용 중단

• 전체 시연 영상

  * 시뮬레이터가 아닌 실제 기기(iPhone 14 Pro)에서 녹화한 영상입니다.

  • 시뮬레이터가 아닌 실제 기기(iPhone 14 Pro)에서 녹화한 영상입니다.
  1. [0:00 ~ 0:22] 회원가입이 되어있지 않은 상태에서 최초로 소셜로그인을 시도합니다.
  2. [0:22 ~ 0:54] 두번째 로그인 시 첫번째 로그인 때와는 다르게 로그인 메세지가 Do you want to sign in to [앱 이름] with your Apple ID “[애플 ID]”? 로 출력되는 것을 확인할 수 있습니다. 이제부터는 생체인증만 통과하면 바로 로그인을 할 수 있게됩니다.
  3. [0:54 ~ 1:09] 애플 ID 사용 중단이 제대로 되었는지 확인하기 위해 앱을 다시 실행한 결과, 최초로 로그인을 할 때 나타나는 팝업창을 통해 애플 ID 사용이 중단되었음을 확인할 수 있습니다.