[SwiftUI] View Life Cycle

안녕하세요 제인입니다 :)

그동안 블로그 글을 못썼는데,,, 최근에 개인 프로젝트를 하나 진행했습니다..ㅎ

SwiftUI 프레임워크로 개인 프로젝트 개발을 진행하며 학습한 내용도 많아서 새롭게 학습하거나 정리해둔 내용을

블로그에도 공유해볼게요~! (이제보니 UIKit 글을 거의 안썼네요...?ㅋ.......)

SwiftUI View Life Cycle

Lifecycle은 SwiftUI 뷰의 생성부터 소멸까지 생기는 일련의 이벤트 입니다.

SwiftUI의 각 뷰에는 우리가 관찰하고 조작할 수 있는 세 가지 주요 단계가 있습니다.

이 세 가지 단계는 Appearing, Updating, Disappearing 입니다.

Appearing

Appearing은 뷰 그래프에 뷰를 삽입하는 것을 의미합니다.

이 단계에서 뷰는 초기화되고, state를 구독하며 처음으로 렌더링됩니다.

 

1. 초기화 시점에서 뷰는 state와 연결되지 않습니다. 이것이 뷰의 구축작업을 간단하게 만듭니다. 왜냐하면 전체 뷰 계층이 만들어지는 것이 선행되기 때문입니다.
2. 초기화 작업 이후, body가 계산되기 전에 뷰가 state에 연결됩니다.
3. View의 body가 처음으로 호출됩니다.
4. 뷰 그래프를 업데이트하고 변경사항을 렌더링합니다.
5. onAppear() 메서드는 top-down 방식(뷰모 뷰에서 자식 뷰 순서로)으로 호출됩니다.

Updating

Updating 은 외부 이벤트나 상태 변경에 대한 응답으로 수행됩니다.

(여기서 외부 이벤트는 Combine publisher를 의미)

 

1. 사용자 작업으로 인해 상태가 변경되거나 SwiftUI가 View.onRecieve()를 통해 관찰된 publisher가 방출하는 데이터를 감지합니다.
2. 변경된 state를 소유하고 있거나 외부 이벤트를 받은 뷰와 그 뷰의 모든 자식들을 이전 스냅샷과 비교합니다. (Equatable 프로토콜 이용해 비교 작업 수행)
3. SwiftUI는 변경된 뷰들을 무효화합니다.
4. 뷰 그래프를 업데이트하고 무효화된 뷰들을 렌더링합니다. 모든 업데이트는 뷰 계층을 통해 아래로 흘러 내려갑니다.

참고) state에 연결된 뷰만 custom equality implementation을 제공할 수 있습니다. state에 연결되지 않은 뷰는 항상 다시 렌더링됩니다.

중요한 점은 state를 뷰 계층 아래로 push하면 state가 변경될 때 무효화되고 다시 렌더링될 뷰의 수가 감소한다는 것입니다.

Disappearing

disappearing은 뷰 계층 구조에서 뷰를 제거하는 것을 의미합니다.

 

onDisappear()메서드는 계층 구조에서 뷰가 제거된 후에 호출됩니다.

onAppear()와 마찬가지로 onDisappear() 또한 top-down 방식(상위 뷰에서 하위 뷰로)으로 호출됩니다.

Life Cycle Method

onAppear

• View가 보이기 전에 action을 수행하는 함수
• View가 첫 렌더링 되기 전에 action 클로저가 끝나는 것을 보장
• → onAppear에서 시간 오래 걸리는 작업을 수행한다면 뷰가 늦게 뜸 (작업 끝내고 appear시키기 때문)

task

• View가 보이기 전에 비동기 task를 수행하는 함수
• → 비동기 task 이므로 task 종료 여부에 상관없이 task가 끝나기 전에 View가 그려질 수 있음
• task가 끝나기 전에 View가 사라지게(disappear) 되면 자동으로 task를 cancel 시킴
• iOS 15 이상부터 사용 가능

onDisappear

• View가 사라지고 난 이후에 action을 수행하는 함수

onChange

• View의 특정 상태 속성이 변경될 때 호출되는 함수
• 이 때 다른 데이터를 업데이트하거나 화면을 다시 그리는 작업을 수행할 수 있음

---

[참고 자료]

SwiftUI View Lifecycle

SwiftUI View Lifecycle에 대해 알아보자.