[iOS] clipShape와 contentShape의 차이점 (Feat. SignInWithAppleButton)

유인호·2024년 9월 8일

iOS

목록 보기

63/64

0. 서론

스유에서 뷰를 자를때 clipShape를 자주 사용했었다. 사실 그거밖에 몰랐었다. 그러다가 문제가 생겼는데, SignInWithAppleButton, 이녀석 때문에 골머리를 앓았다.

애플 로그인은 상당히 까다롭다. Sign in with Apple | Apple Developer Decumentation을 확인해보면 뭔가 주저리주저리 말이 많다는걸 알 수 있다.

우리 회사 디자인은 동그란 애플 로그인 버튼을 사용하기에, 헛된 디자인 공수를 줄이기 위해 해당 사이트에서 가능한 디자인인지 확인하고 개발을 진행했었다.

근데 뭐 여기까진 다들 아는 사실이겠지만, SwiftUI에서 애플 로그인을 쉽게 만들 수 있도록 애플이 버튼을 하나 만들어놓았는데, 바로 SignInWithAppleButton이다.

1. SignInWithAppleButton이 뭔데

import SwiftUI
import AuthenticationServices

struct ContentView: View {
	var body: some View {
		SignInWithAppleButton { request in
			request.requestedScopes = [.fullName, .email]
		} onCompletion: { result in
			// Apple Login 처리 (필자는 파이어베이스로 진행했었음)
		}
	}
}

이렇게 하면 바로 애플로그인을 구현할 수 있도록 초 간단하게 만들어놓은 버튼이다. 실제로 Class에 상속받아서 사용하는게 원래 정석인데, 너무 귀찮기도 하고 내가 만든 Apple Login Service Class는 이미 다른 클래스를 상속받고 있기에 Apple Login을 위해 내가 만들어놓은 구조를 전부 해집어야하는 문제가 발생했었다.

게다가 FirebaseAuthCombine을 사용하고 다른 타 로그인도 있어서 ASAuthorization을 받아오는 스트림을 모든 로그인에 동일한 Funtion을 사용해 획일화 되게 관리하고 있었는데, 클래스에 상속받아서 사용하는 애플로그인은 도저히 이 구조가 불가능했다.

즉, 나는 SignInWithAppleButton이 버튼을 커스텀 해내지 못한다면 모든 코드를 싹 갈아 엎어야 하는 문제가 생긴거다.

이미 다 다른 로그인에 스트림을 핸들링하는 Funtion도 다 만들었는데... 나는 자신이 없었다.

2. 커스텀 못할 자신이 없었다.

뭐 SignInWithAppleButton도 View니까 대충 frame 넣으면 되겠지 ㅋㅋ

라고 생각하면 오산임

아까 보여줬던 이 코드

import SwiftUI
import AuthenticationServices

struct ContentView: View {
	var body: some View {
		SignInWithAppleButton { request in
			request.requestedScopes = [.fullName, .email]
		} onCompletion: { result in
			// Apple Login 처리 (필자는 파이어베이스로 진행했었음)
		}
	}
}