ram2 🚗

개발을 진행하던 중, 버튼 안에 이미지를 넣고 싶은데 다음과 같은 문제가 발생했다.

이 문제는 이전에 해결한 적이 있었는데 어떻게 했는지 기억이 나질 않았다.

앞으로 비슷한 상황을 마주했을 때 찾아보기 위해 정리한다!!

이미지 크기 조정하기

이미지 크기를 조정하는 방법은 먼저 extension을 추가해줘야 한다.

import UIKit

extension UIImage {
    func resize(targetSize: CGSize) -> UIImage? {
        let rect = CGRect(origin: .zero, size: targetSize)
        UIGraphicsBeginImageContextWithOptions(targetSize, false, 0.0)
        self.draw(in: rect)
        let resizedImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return resizedImage
    }
}

이렇게 UIImage 익스텐션을 만들어준다.

그리고, 원하는 버튼을 세팅하는 부분에서 다음과 같이 사용하면 된다.

private let settingButton = UIButton().then {
    let imageSize = CGSize(width: 100, height: 100) // 1
    let resizedImage = UIImage(systemName: "gearshape")?.resize(targetSize: imageSize) // 2
    $0.imageView?.contentMode = .scaleToFill // 3
    $0.setImage(resizedImage, for: .normal) // 4
}

(나는 then을 사용하였다.)

1. 먼저, 이미지 크기를 CGSize를 사용하여 설정해준다. 위 코드에서는 너비와 높이 모두 100으로 설정되었다.

2. 그리고, 크기를 조정하고자 하는 이미지를 가져와 아까 만들어둔 extension을 사용해준다.

3. 이제 이미지뷰의 contentMode를 scaleToFill로 설정해 이미지가 뷰에 가득 차도록 한다.

4. UIButton에 있는 setImage함수를 사용해 이전에 크기를 조정한 이미지를 가져와준다.

이렇게 하면, UIButton 안에 원하는 이미지를 가져오고, 그 이미지 크기를 마음대로 조정할 수 있다.

개발을 하던 중, 테이블 뷰 아래 자꾸 다음과 같은 구분선이 생기는 걸 확인했다.

limitTableView.separatorStyle = .none

그럴 때는 이렇게 구분 스타일을 .none으로 바꿔주면 된다.

이제 이렇게 구분선이 사라진 걸 확인할 수 있다 !

다른 블로그들 보면 직접 공식문서 보면서 공부한 내용을 정리하시던데,, 나도 그렇게 하고 싶은데..

시간이 상당히 많이 걸리겠지만, 도전..해봐야지..

이전에 애플로그인을 구현할 때는 그냥 블로그들 참고해서 코드를 가져오고, 가져온 코드만 공부해서 구현했었는데

시간도 있겠다, 의욕도 있겠다 한 번 해봐야겠다.

그나저나 한글 공식문서도 있으면 너무 좋겠다.

한글 공식문서를 기다리는 것보다 내가 영어를 더 공부해서 잘하는게 빠르려나..?

일단 해보자구..

아래 공식문서를 참고해서 구현한 애플로그인이다 !

https://developer.apple.com/documentation/sign_in_with_apple/implementing_user_authentication_with_sign_in_with_apple

1. Sign in with Apple 추가하기 및 Identifier 등록하기

Targets → Signing & Capabilities → +Capability 를 눌러 추가해준다.

(이 때, Apple developer 구독을 하지 않는 개발자라면, 해당 항목을 추가할 수 없다..ㅠㅠ)

다음은 애플 개발자 사이트에서 identifier를 등록해줘야 한다.

개발자 사이트에 로그인을 하고, Account 항목에서, Identifiers를 눌러 다음과 같은 페이지에 들어간다.

만약, 이 과정을 진행하지 않는다면.. 로그인이 되지 않고, 콘솔에 출력해도 자꾸 null 값이 나오게 될 것이다.

(저도 알고싶지 않았어요..)

파란색 + 버튼을 눌러준다.

그럼 이런 창이 뜨게 되는데, App ID와 관련한 내용이므로 이 상태에서 continue를 해준다.

여기서도 계속 continue를 해준다.

그럼 다음과 같은 화면이 보인다.

Description: 특수문자를 사용할 수 없고, Identifier에 대한 간단한 설명을 적으면 된다.

Bundle ID: App의 TARGETS → Signing & Capabilities에서 확인 할 수 있다.

내용을 채우고, Sign In with Apple을 찾아 체크해준다.

그리고, Edit을 눌러 지금 진행중인 프로젝트의 app id를 선택해주었다.

이대로 next를 누르고, register까지 했는데 다음과 같은 팝업이 발생했다.

찾아보니, 이 에러는 Bundle ID 앞에 팀 ID(Apple에서 생성된)를 포함하지 않을 때 생긴다고 한다.

그냥 저기 있는 주황색 부분을 번들아이디 가장 앞에 붙여넣기만 하면 된다.

후 이제 세팅들은 모두 끝났다 !!

애플로그인을 구현할 코드만 짜면 된다.

공식 문서에서 제공한 예제 코드는 스토리보드 기반이었기에 그대로 사용할 수는 없었다.

나는 UIKit을 사용하되, 스토리보드가 아닌 코드로 어떻게 구현하는지 해보겠다 !

2. AuthenticationServices import 하기

먼저 애플로그인 구현이 필요한 AuthenticationServices를 파일에 import 해줘야 한다.

import AuthenticationServices

3. 버튼 만들기

func setupAppleLoginButton() {
    // ASAuthorizationAppleIDButton을 사용해 애플 로그인 버튼 생성
    let appleLoginButton = ASAuthorizationAppleIDButton(type: .signIn, style: .whiteOutline)
    appleLoginButton.translatesAutoresizingMaskIntoConstraints = false
    appleLoginButton.addTarget(self, action: #selector(handleAuthorizationAppleIDButtonPress), for: .touchUpInside)

    // 버튼을 화면에 추가
    self.view.addSubview(appleLoginButton)

    // 오토레이아웃 설정
    NSLayoutConstraint.activate([
        appleLoginButton.centerXAnchor.constraint(equalTo: self.view.centerXAnchor),
        appleLoginButton.centerYAnchor.constraint(equalTo: self.view.centerYAnchor),
        appleLoginButton.heightAnchor.constraint(equalToConstant: 50),
        appleLoginButton.widthAnchor.constraint(equalToConstant: 300)
    ])
}

이렇게 오토레이아웃으로 버튼의 크기와 위치를 잡아주었다.

애플은 애플로그인 API를 사용하면 알아서 버튼을 디자인해주고, default로 디자인되어 있는 로그인 버튼을 사용할 수 있다.

색상, 디자인이 이미 지정되어 있어 상황에 맞게 적절하게 사용하라고 HIG에도 가이드라인을 제시한다.

나는 일단 SignIn 타입으로 아웃라인이 흰색인 버튼을 만들었다. 

ASAuthorizationAppleIDButton이라는 함수만 가져오면 바로 생성할 수 있다 !!

이제 버튼을 클릭했을 때, 호출할 함수를 만들어줘야한다.

3. 버튼 클릭 시 애플로그인 구현하기

나는 일단 공식문서에 있는 handleAuthorizationAppleIDButtonPress 함수를 그대로 연결해주었다.

// apple id로 권한 요청하기 위한 함수
@objc func handleAuthorizationAppleIDButtonPress() {
    // 애플 ID Provider 생성 (애플로그인 요청을 생성하기 위한 ASAuthorizationAppleIDProvider객체임)
    let appleIDProvider = ASAuthorizationAppleIDProvider()
    // 애플 로그인에 필요한 request 객체 생성하기
    let request = appleIDProvider.createRequest()
    // 사용자에게 얻고자 하는 정보 지정하기 (이름, 메일)
    request.requestedScopes = [.fullName, .email]

    // 애플로그인 절차를 관리하는 컨트롤러이다.
    let authorizationController = ASAuthorizationController(authorizationRequests: [request])
    // 로그인 과정의 성공/실패 결과를 처리한다.
    authorizationController.delegate = self
    // 인증 컨트롤러가 어떤 화면에 표시될지 결정하는 부분. 보통 현재 화면을 지정한다.
    authorizationController.presentationContextProvider = self
    // 애플로그인 request 시작 !
    authorizationController.performRequests()
}

이렇게 조금은 복잡해보이지만, 우린 객체를 생성하고, 관리하는 컨트롤러를 만들어 연결하기만 하면 애플로그인 과정이 진행된다.

나는 사용자가 애플로그인을 완료하면, 로그인 한 사용자의 이름과 이메일을 서버에 넘겨줘야 하고, 앱 내에 저장해야 한다.

그 전에, 받은 정보를 잘 저장할 수 있도록 콘솔에 출력해보자 !

4. 로그인 정보 콘솔에 출력하기

공식문서에서는 성공했을 때 사용자 데이터를 키체인에 저장하라고 한다.

이게 무슨말인지 이해가 잘 안돼서 지피티한테 물어봤다.

좀 길긴 하지만,, 이해는 됐다.

필수는 아니지만 개인정보는 소중하기 때문에.. 키체인에 저장해 보안을 강화하고, 사용자가 앱을 다시 삭제하고 재설치하거나 앱을 종료한 뒤 다시 들어왔을 때 다시 로그인하는 번거로움을 없앨 수 있다는 것이다.

지금까지 애플로그인 그저 코드만 넣어서 구현해왔는데 이렇게 공부해보니,, 더 파야할 길이 있는 것 같다.

키체인 저장까지 하는 과정을 경험해보고 싶기도 하지만, 너무 복잡할까 겁이 나기도 하고, 지금 로그인보단 주기능 구현이 더 우선이기에..! 일단 난 userDefaults에 저장하는 방식을 선택하겠다.

조금 더 용감해져서 돌아올게..

다시 돌아와서, 로그인 정보를 콘솔에 출력해보자.

그 전에, 한 번 로그인하면 출력할 때 userIdentifier만 보여지기 때문에, 받아옴과 동시에 UserDefaults에 저장할 것이다.

// didCompleteWithAuthorization = 애플로그인 후 사용자 정보를 처리하는 함수
// 이 함수는 애플로그인 절차가 완료된 뒤 호출된다.
func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
    switch authorization.credential {
    
    // case1: 사용자가 apple ID로 로그인했을 때 반환되는 정보를 처리
    case let appleIDCredential as ASAuthorizationAppleIDCredential:

        // Create an account in your system.
        let userIdentifier = appleIDCredential.user
        let fullName = appleIDCredential.fullName
        let email = appleIDCredential.email

        print("useridentifier: \(userIdentifier)")
        print("fullName: \(String(describing: fullName))")
        print("email: \(email ?? "failed")")

        // UserDefaults에 이름과 이메일 저장
        let defaults = UserDefaults.standard

        // Optional fullName 처리
        if let givenName = fullName?.givenName, let familyName = fullName?.familyName {
            let completeName = "\(givenName) \(familyName)"
            defaults.set(completeName, forKey: "fullName")
            print("Saved fullName: \(completeName)")
        } else {
            defaults.set("", forKey: "fullName") // 이름이 없을 경우 빈 문자열로 저장
            print("Saved fullName as empty string")
        }

        if let email = email {
            defaults.set(email, forKey: "email")
            print("Saved email: \(email)")
        } else {
            defaults.set("", forKey: "email") // 이메일이 없을 경우 빈 문자열로 저장
            print("Saved email as empty string")
        }

	// case2 : iCloud 키체인에 저장된 것을 사용해 로그인하는 방식 (여기선 사용하지 않음)	
    case let passwordCredential as ASPasswordCredential:

        // Sign in using an existing iCloud Keychain credential.
        let username = passwordCredential.user
        let password = passwordCredential.password

        print("passwordCredential = \(username)")
        print("passwordCredential = \(password)")

    default:
        break
    }
}

위 코드는 공식문서에서 가져와서 출력하고, UserDefaults에 저장하는 코드만 추가했다.

이렇게 코드를 짜고, 빌드를 해보자 !

이메일 가리기를 하면, 다음과 같이 나온다.

애플 로그인의 "이메일 가리기" 기능은 사용자가 자신의 실제 이메일 주소를 공유하지 않고도 애플 ID를 통해 서비스에 로그인할 수 있도록 하는 기능이다.

그렇기에 사용자가 '이메일 가리기'로 로그인을 하면, 애플은 사용자를 대신해 무작위로 생성된 프록시 이메일 주소를 제공하는 것이다.

user@privaterelay.appleid.com 과 같은 형태로 메일이 생성된다.

왜 앱 내에서 최초 로그인 때만 사용자 이름과 이메일이 나올까?

앞에서 말했듯, 받아옴과 동시에 UserDefault에 저장했던 이유는 최초 로그인때만 사용자의 이름과 이메일을 받을 수 있기 때문이다.

왜 그런지 궁금해서 찾아봤다.

보안에 철저한 애플은 애플 로그인을 통해 이름과 이메일을 가져오는 것은 처음 로그인할 때에만 가능하도록 한다.

이는 애플이 사용자의 개인 정보를 최소한으로 제공하는 방식을 채택했기 때문이라고 한다.

• 처음 로그인 시 정보 제공: 애플 로그인 절차에서 처음 로그인을 할 때, 사용자의 이름과 이메일을 가져올 수 있다. 이때 사용자가 애플 ID를 통해 서비스에 처음 연결될 때만 이름과 이메일이 애플에서 전달된다.
• 다음 로그인 시 이름과 이메일 제공 불가: 이후 동일한 애플 ID로 로그인할 때는 애플에서 제공하는 userIdentifier (애플 ID 고유 식별자)만 전달된다. 이름이나 이메일 주소는 다시 제공되지 않는다. 이는 사용자 데이터 보호 및 프라이버시 강화를 위한 애플의 정책이다.

하지만, userIdentifier는 계속 받아옴을 볼 수 있다.

이는 애플 ID 고유 식별자로, 이를 사용해 사용자를 식별할 수 있게 하기 위함이라고 한다.

어쩐지 아무리 로그인해도 null이 나오더라니..!

이걸 모르면 구현이 잘 안된줄 알고 삽질을 꽤나 할 것 같다 !!

이제 애플로그인은 끝났다 !!

다음에 다시 화면들을 몇개 만들고 나서, 앱 내 접근 할 때마다 로그인 여부를 확인해 적절한 화면으로 이동시키는 자동로그인을 구현하고 정리해봐야겠다 !

후 힘들었다.

지난 글에 이어 이번에는 DeviceActivity를 어떻게 구현하는지에 대한 글이다.

다음 공식 문서를 참고하였다 !

https://developer.apple.com/documentation/DeviceActivity

이번 글은 내가 진행 중인 프로젝트에서 상당히 중요한 주기능에 꼭 필요한 framework이므로, 차근차근 따라하면서 해보려고 한다.

그 전에, 이 framework는 앱 확장 기능을 사용해 사용자의 프라이버시를 유지하면서, 기기 활동을 모니터링 한다.

이전 글과 조금 겹치는 부분이 없잖아 있지만,

1. 특정 시간동안 활동을 모니터링 할 수 있다.

2. 활동이 미리 설정된 한계에 도달할 때 경고를 줄 수 있다.

3. 앱과 웹사이트에서 사용된 시간을 모니터링 한다.

이제 각각의 Topic을 하나씩 다뤄보자 !

Manage Activities

• struct DeviceActivityEvent
  • 애플리케이션, 카테고리 또는 웹사이트 활동을 나타내는 이벤트
• struct DeviceActivityName
  • 활동의 고유한 이름을 나타낸다.
• struct DeviceActivitySchedule
  • 기기 활동을 모니터링할 때의 일정 기반 스케줄을 나타낸다.
• struct DeviceActivityCenter
  • 애플리케이션의 확장이 일정에 따라 기기 활동 모니터링을 시작할 수 있도록 하는 클래스

Monitor Activity

• class DeviceActivityMonitor
  • 일정에 따라 기기 활동을 모니터링하는 객체

Errors

• enum MonitoringError
  • 활동 모니터링을 시작할 때 발생할 수 있는 오류들을 나열하는 열거형

Classes

• class DeviceActivityAuthorization
  • 기기 활동 모니터링을 위한 권한 부여를 처리하는 클래스이다.

Protocols

• protocol DeviceActivityAuthorizing
  • 기기 활동 모니터링에 대한 권한 부여를 정의하는 프로토콜이다.
• protocol DeviceActivityReportExtension
  • 기기 활동 데이터를 보고하는 앱 extension이다.
• protocol DeviceActivityReportScene
  • 사용자 정의 기기 활동 report scene을 정의하는 프로토콜이다.

Structures

• struct DeviceActivityData
  • 특정 DeviceActivityData.Device에서 DeviceActivityData.User의 활동을 나타낸다.
• struct DeviceActivityFilter
  • 보고서에 포함할 기기 활동 데이터를 필터링하는 타입.
• struct DeviceActivityReport
  • 사용자의 애플리케이션, 카테고리 및 웹 도메인 활동을 프라이버시를 보호하는 방식으로 보고하는 view이다.
• struct DeviceActivityReportBuilder
  • 하나 이상의 DeviceActivityReportScenes을 결합하여 단일 장면을 생성하는 결과 빌더.
• struct DeviceActivityResults
  • 필터링된 기기 활동 결과의 비동기 sequence.

프로젝트에 반영하기

이제 xcode에 프로젝트를 파고, 해당 api를 사용해보는 과정을 정리하려 한다.

먼저, 관련된 extension을 설치해준다.

타깃에서 하단의 + 버튼을 눌러 add target을 해준다.

그럼, 다음과 같은 팝업이 뜨는데, 이 때 DeviceActivity Monitor Extension과 Device Activity Report Extension을 각각 추가해주면 된다.

이렇게 두 개의 extension을 모두 추가했다면, 이렇게 xcode에 추가된 것을 확인할 수 있다.

이제 extension을 추가하였으면, 나와 같은 경우, 대부분의 코드를 UIKit으로 짤 예정이기에 SwiftUI 기반의 api와 UIKit을 서로 연결해주어야 한다.

즉, 두 개의 framework를 혼용해서 쓸 수 있는 환경을 세팅 해야 한다.

UIKit과 SwiftUI 혼용하기

UIHostingController를 사용하면 된다.

하지만, 아무리 사용해서 연결을 해도, 자꾸 사용하고자 하는 TotalActivityView가 scope에 없다는 메시지가 보였다.

계속 서치하고, 삽질을 하다 보니,, 내가 extension들을 add target으로 해줬으므로,, 얘네들을 모두 타깃에 추가해줘야 했다.

지난 프로젝트 당시에도 이것때문에 삽질을 꽤 했었는데.. 아차차 이걸 또 잊었다니..

오래 삽질 안하고 지금이라도 알았으니 다행이다.

먼저, viewController의 오른쪽 inspector에서 target에 ActivityReport를 체크해주었다.

그리고, TotalActivityView에서도 메인 프로젝트 타깃을 추가해주었다.

그랬더니, 이제 TotalActivityView를 잘 찾아 빌드가 성공했다.

만약 안된다면, 상단의 Product -> Clean Build Folder를 꼭 하길!!

아차차 그런데 화면에는 아무것도 보이지 않았는데, 그 이유가 SceneDelegate.swift 파일을 수정하지 않았기 때문이다..

현재는 StoryBoard로 연결되도록 돼 있어 이걸 바꿔줘야 한다.

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
    guard let windowScene = (scene as? UIWindowScene) else { return }

    let window = UIWindow(windowScene: windowScene)

    let viewController = MainViewController()

    window.rootViewController = viewController

    window.makeKeyAndVisible()

    self.window = window
}

이렇게 하고 실행하니 화면이 잘 연결된 것을 확인할 수 있었다 !

지금은 자동으로 제공되는 view만 연결했는데, 그렇기에 실제 기기에서 사용한 앱에 대한 시간들이 나오는게 아니라, 내가 해당 VC를 호출할 때 넣은 argument 값이 그대로 보여지고만 있었다.

위 실행 결과는 기존의 extension에서 준 코드를 rootView로 연결해 실행한 결과이다.

이제, ActivityReport를 직접 연결해서 보여줘야 한다 !!

그 전에, 스크린타임으로 기기에 있는 전체 앱을 가져와 제한시켜보자 !

솔직히 말하면,, 여기서 삽질을 진짜 왕많이 했다.

결국 접근 권한을 먼저 허용해줘야했다는걸 뒤늦게 깨달았다..

1. 스크린타임 접근 권한 요청하기

먼저 접근 권한을 허용하기 위해서는 family controls를 사용해야 한다.

그리고 이렇게 Family Controls를 추가하면 된다.

아차차 Family Controls의 일부만 읽고 내 프로젝트에서는 쓰지 않을거라고 자부했는데..ㅋㅎㅋㅎ

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        
    guard let windowScene = (scene as? UIWindowScene) else { return }

    // SwiftUI 뷰를 호스팅하는 UIHostingController를 생성 - 즉 SwiftUI 연결하기
    let totalActivityView = TotalActivityView(totalActivity: "hello")
    let hostingController = UIHostingController(rootView: totalActivityView)

    // UIKit의 UIWindow 설정
    window = UIWindow(windowScene: windowScene)
    window?.rootViewController = hostingController
    window?.makeKeyAndVisible()

    // 스크린타임 권한 권한 요청
    Task {
        let center = AuthorizationCenter.shared
        do {
            try await center.requestAuthorization(for: .individual)
        } catch {
            print("Fail: \(error)")
        }
    }
}

이렇게 권한 요청을 연결하면 된다 !!

이전다음

012

2. 기기의 앱 리스트 보여주기

이제 기기에 있는 모든 앱의 리스트를 보여줘야 한다.

import UIKit
import SwiftUI
import FamilyControls

struct AppListView: View {

    // 상태 관리를 위해 @State 사용하기
    // FamilyActivitySelection()은 사용자가 선택한 가족 활동 데이터를 나타내는 객체.
    @State var selection = FamilyActivitySelection()

    // isPresented는 familyActivityPicker가 화면에 표시되는지 통제함
    @State var isPresented = false

    var body: some View {
        
        // VStack은 수직으로 그리기
        VStack {
            Button {
                // 버튼이 클릭되면 isPresented 상태를 true로 설정
                isPresented = true
            } label: {
                // 버튼의 레이블 지정하기
                Text("show app list")
            }
        }
        // .familyActivityPicker는 family activity를 선택할 수 있는 Picker 화면에 보여주기
        // isPresented가 true일 때 Picker가 표시.
        // selection은 사용자가 선택한 활동 데이터를 저장함.
        .familyActivityPicker(isPresented: $isPresented, selection: $selection)
    }
}

이렇게 코드를 짜면 되는데, 나는 SwftUI를 전혀 알지 못해서 주석으로 정리를 좀 해뒀다.

나는 새로운 파일을 만들어서 리스트 불러오는 부분을 구현했는데, 이 때 빌드는 실패하고, 실패 메시지가 자꾸 보여졌다 사라졌다.

실수도 반복되면 실력인데 또 타깃 설정 문제였다.

지금 familyCotrol을 사용하려 하기 때문에 target에 activity report를 추가해줘야 한다.

그리고 빌드하니, 이렇게 잘 나오는 것을 확인할 수 있다.

이전다음

01

이제 리스트에서 선택한 앱들을 콘솔에 출력해보고, 선택한 앱들의 사용을 제한해보자.

3. 선택한 앱 사용 제한하기

먼저 선택한 앱들을 관리하기 위한 모델을 만들어준다.

import SwiftUI
import FamilyControls
import ManagedSettings

// ObservableObject 프로토콜을 채택한 Model 클래스 정의
class Model: ObservableObject {
    
    // 이 클래스의 공유 인스턴스 생성 (싱글톤 패턴)
    static var shared = Model()
    
    // ManagedSettingsStore의 인스턴스를 생성하여 설정을 관리할 수 있게 함
    let store = ManagedSettingsStore()
    
    // 사용자가 제한하려는 앱 및 카테고리 선택을 저장하는 변수, 변경될 때마다 UI 업데이트
    @Published var selectedtoLimit: FamilyActivitySelection
    
    // 초기화 메서드: selectedtoLimit을 새로운 FamilyActivitySelection 객체로 초기화
    init() {
        selectedtoLimit = FamilyActivitySelection()
    }
    
    // 사용자가 선택한 앱과 카테고리에 대해 차단 제한을 설정하는 함수
    func setShieldRestrictions() {
        // 사용자가 제한할 앱과 카테고리 선택을 가져옴
        let applications = Model.shared.selectedtoLimit
        
        // 앱 차단을 설정, 선택된 앱이 없으면 nil로 설정
        store.shield.applications = applications.applicationTokens.isEmpty ? nil : applications.applicationTokens
        
        // 앱 카테고리 차단 설정, 선택된 카테고리가 없으면 nil로 설정
        store.shield.applicationCategories = applications.categoryTokens.isEmpty
        ? nil
        : ShieldSettings.ActivityCategoryPolicy.specific(applications.categoryTokens)
    }
}

이제 모델을 추가했으니, 화면을 그리는 부분도 모델에 담고 모델 단위로 관리할 수 있도록 조금 수정해준다.

struct AppListView: View {
    
    // 상태 관리를 위해 @State 사용하기
    // FamilyActivitySelection()은 사용자가 선택한 가족 활동 데이터를 나타내는 객체.
    @State var selection = FamilyActivitySelection()
    
    // isPresented는 familyActivityPicker가 화면에 표시되는지 통제함
    @State var isPresented = false
    @EnvironmentObject var model: Model
    
    var body: some View {
        
        // VStack은 수직으로 그리기
        VStack {
            Button {
                // 버튼이 클릭되면 isPresented 상태를 true로 설정
                isPresented = true
            } label: {
                // 버튼의 레이블 지정하기
                Text("show app list")
                // .familyActivityPicker는 family activity를 선택할 수 있는 Picker 화면에 보여주기
                // isPresented가 true일 때 Picker가 표시.
                // selection은 사용자가 선택한 활동 데이터를 모델에 저장함.
            }.familyActivityPicker(isPresented: $isPresented, selection: $model.selectedtoLimit)
        }
        // 이후 선택한 앱들에 대한 shieldRestriction이 실행된다.
        .onChange(of: model.selectedtoLimit, {
            Model.shared.setShieldRestrictions()
        })
    }
}

그리고, 스크린타임에 대한 권한 요청을 AppDelegate로 넘겨준다.

// AppDelegate.swift

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
           
   guard let windowScene = (scene as? UIWindowScene) else { return }

   // `Model.shared`의 인스턴스를 생성
   let model = Model.shared

   // SwiftUI의 AppListView를 설정
   let contentView = AppListView().environmentObject(model)

   // 새로운 UIWindow를 생성하고 초기 뷰 컨트롤러로 설저
   let window = UIWindow(windowScene: windowScene)
   window.rootViewController = UIHostingController(rootView: contentView)
   self.window = window
   window.makeKeyAndVisible()
}

그리고 마지막으로, SceneDelegate를 수정해준다. 여기에 모델을 담도록 수정하고, 권한 허용 부분을 위에서 한 것 처럼 AppDelegate로 넘겨줬다.

// SceneDelegate.swift

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
           
   guard let windowScene = (scene as? UIWindowScene) else { return }

   // `Model.shared`의 인스턴스를 생성
   let model = Model.shared

   // SwiftUI의 AppListView를 설정
   let contentView = AppListView().environmentObject(model)

   // 새로운 UIWindow를 생성하고 초기 뷰 컨트롤러로 설저
   let window = UIWindow(windowScene: windowScene)
   window.rootViewController = UIHostingController(rootView: contentView)
   self.window = window
   window.makeKeyAndVisible()
}

이렇게 하고, 앱을 실행해보자 !

실행 결과

아니 이렇게 간단한 기술검증을 그때는 왜그렇게 삽질하고 힘들어했을까..

시간이 촉박하다는 이유로 reference부터 찾고, 냅다 실행해보고 넘어갔던 과거의 나.. 반성하라..

이제 애플 공식문서 구조도 어느정도 감이 잡혔고, 아직 그걸 기반으로 코드는 못짜겠지만,, 뭐,, 앞으로 차근차근 해봐야겠다 !!

다음 글에서는 이제 우리 프로젝트의 주기능을 구현해봐야지 !

참고자료

https://hongz-developer.tistory.com/246

처음 배포를 준비해보는 나는,,,

디버깅 모드와 릴리즈 모드가 따로 있다는 것을 몰랐다.

순탄하게 test flight까지 등록하고, 설레는 마음으로 앱을 설치해 실행해봤는데

웬걸,,,

가장 중요한 탭바가 화면에 보이지 않는다.

아ㅏ... 어쩌지..

배포 경험이 있는 친구에게 물어봤다.

🤯 : 테플에 등록했는데 개발할때랑 다르면 어떡해?

😏 : 뭘 어떡해 다시 수정해야지

🙁 : (아오) 어떻게 그걸 재현하는데,,

🤔 : release 모드로 빌드하는거 있을걸? flutter에서는 flutter run —release하면 되던데 너네도 있을걸?

이렇게 할게 된 release 모드 빌드..

어떻게 하냐면, xcode의 상단에 있는 Product 에서 Scheme > Edit Scheme을 하고, 

Build Configuration을 Debug -> Release로 바꿔주면 된다 !

내 경우, 이렇게 해도 여전히 탭바가 안보였지만,,

이건 무슨 문제인지 더 찾아봐야 할 듯 하다.

어쨌든 배포된 버전으로 빌드하고 싶다면, 이렇게 Build Configuration을 바꿔주면 된다 !