onAppear와 onDisappear의 호출 타이밍

문제상황

프로젝트를 하던 와중 팔로우 팔로잉 기능을 넣는 과정에서 이슈가 발생했다 🚨

 

어떤 이슈냐면!!??

 

설명에서 메거진디테일뷰를 “1번 뷰”, 유저프로필뷰를 “2번 뷰”로 하겠습니다.

 

1번뷰 → 2번뷰로 가는 네비게이션 뷰 계층에서

1번뷰에서 2번뷰로 들어가 구독하기 버튼을 누른후에 뒤로갔다가 다시 2번뷰로 들어가면

 

내가 해당 사용자를 구독했고, 그 정보를 업데이트를 시켜줘었기 때문에 “구독중” 버튼이 나와야하고, 구독자에는 1명이 떠있어야한다. 

 

이렇게 ..!

 

 

근데 문제는 2번뷰에서 업데이트후에 1번뷰로 뒤로가기 후 다시 2번뷰로 들어갔을때 반영이 안되는 이슈가 발생했다…!

 

 

일단 구독하기 로직에 대해 설명하자면,

1. 구독하기 버튼을 누른다.
2. 구독을 누르고, 2번뷰에서 1번뷰로 뒤로가기 버튼을 누를때, onDisappear 메소드에서 userUpdate 메소드를 호출한다. (구독했다는 정보를 업데이트 하기 위함. )
3. userUpdate를 해준 후에 뷰가 사라지고, 1번뷰로 돌아가게 되는데, 이때 1번뷰의 onAppear 메소드가 불려진다.

 

근데 문제는..!

userUpdate가 2번뷰의 onDisappear 블록에서 수행되면,  그 업데이트 된 데이터를 1번뷰에서 fetch 해와야하는데,

fetch 작업을 위한 userFetch 메소드를 1번뷰의 onAppear에서 호출했음에도 불구하고,

업데이트 된 유저정보가 반영이 안되고 있었다.

 

 

원인

그렇다면 왜 반영이 안되었을까?

먼저 1번뷰의 onAppear과 2번뷰의 onDisappear의 호출 순서를 먼저 확인해보자.

 

여기서 잠깐 !

SwiftUI 를 사용하다보면 , onAppear라는 메소드와 onDisappear메소드를 사용하게 되는데 먼저 어떤 메소드인지 알아보자!

 

onApear

공식문서를 찾아보면 onAppear는 “before this view appears” 뷰가 나타나기 전에 실행되는 메소드이고

 

onDisappear

onDisappear 메소드는 “after this view disappears” 뷰가 사라지기 전에 실행되는 메소드이다.

 

 

onAppear와 onDisappear의 호출 순서를 파악하기 위해

1번뷰의 onAppear와 2번뷰의 onDisappear에 각각 print 를 달아주었다.

 

 

 

이렇게 프린트를 해주고 2번뷰 → 1번뷰로 이동할때 프린트를 확인해보니

 

 

2번뷰의 onDisappear 이 호출되기 전에 1번뷰의 onAppear 가 먼저 호출됐다.. ?

 

2번뷰가 사라지고, 1번뷰가 호출되는것이 아니라,

2번뷰가 사라지기 전에 1번뷰가 호출이 되고, 그 후에 2번뷰가 사라지는 순서이다…!

 

그렇다면 1번뷰 → 2번뷰 → 1번뷰 순서로 이동했을때 1번뷰와 2번뷰 각각의 onAppear , onDisappear 메소드 호출 순서를 확인해보자.

 

 

전체적인 사이클을 프린트해서 확인해보면 이렇다.

1. 1번뷰 onAppear 호출
2. 1번뷰→ 2번뷰로 이동할때 2번뷰 onAppear 호출
3. 1번뷰 onDisappear 호출
4. 2번뷰 → 1번뷰 이동할때 1번뷰 onAppear 호출
5. 2번뷰 onDisappear 호출

 

즉, 이런 순서이기 때문에

당연히 2번뷰의 onDisappear 에서 불렀던 update메소드가 실행되기 전에 1번뷰의 onAppear 메소드가 먼저 불려져서

userFetch 메소드를 실행하기 때문에 업데이트 되지 않은 데이터를 fetch 한것이다.

 

그래서 업데이트가 바로 반영이 되지않았던것…!!

 

해결방법

그래서 난 2번뷰의 onDisappear에서 updateUser 메소드를 호출하고,

updateUser 비동기 처리 완료 후에 fetchUser 메소드가 실행되도록

receiveValue 블록안에 fetchUser 메소드를 불러주는 로직으로 수정하여 문제를 해결했다.

 

 

느낀점

단순히 onDisappear는 뷰가 사라기전에 실행되고, onAppear는 뷰가 등장하기 전에 실행되는구나 라고만 알고있었던 나를 또 반성하고,, SwiftUI의 LifeCycle에 대해서 자세하게 공부하는 계기가 되었다 ^^!