[iOS] @escaping (2) - 영화 API 예제로 쉽게 이해하기 (@escaping with movieAPI Example)

안녕하세요 Foma 입니다 !!

 

전 시간에는 Escaping Closure를 공식 문서를 통해 정의와 예제로 알아보았는데요. ( 궁금하신 분들은 여기 를 눌러주세요)

 

공식 문서의 예제로는 이해하기가 힘드신 분들이나 이게 어디서 쓰이는지 구체적으로 알고싶은 분들을 위해 작성하게 되었습니다.

 

우선 가장 많이 쓰이는 곳은 API를 사용해 데이터를 비동기방식으로 받아올 때인데 예제를 통해 알아보겠습니다.

Storyboard

---

우선 첫번째로 네비게이션 컨트롤러와 테이블뷰컨트롤러를 생성해줍니다.

 

그 다음 테이블뷰 셀엔 영화포스터를 띄울 이미지뷰와 영화 이름을 띄울 레이블을 넣어줍니다.

 

Xcode

---

테이블뷰셀에 연결해줍니다.

영화 포스터와 이름을 가질 모델을 만들어줍니다.

MoiveAPI파일을 만들어준 뒤 영화모델을 만들어 영화 배열 안에 넣어줍니다.

그리고 바로 아래에 MovieAPI클래스를 만들어주고 movie모델을 담을 movies배열을 만들어줍니다.

 

드디어 이제 이스케이핑을 하는 함수 인자값을 Bool,[Movie]를 담은 클로져를 completion으로 만들어줍니다.

 

API에서 데이터를 받는 과정을 간단히 for문을 통해 위에 movieArray에 담겨있던 movie들을 movies에 담아주겠습니다.

 

이 데이터를 주고받는 과정은 보통 백그라운드에서 비동기로 처리됩니다.

 

고로 저는 디스패치큐 asyncAfter를 이용하여 비동기로 데이터를 주고받는 시간을 5초로 가정해 딜레이해주고 completion에 데이터를

 

성공적으로 받았는지 여부인 Bool값에 true를 넣어주고 영화데이터인 moive를 넣어주겠습니다.

 

(아래와 같이 completion이 외부메인쓰레드로 탈출해도 오류가 나지 않습니다.)

(만약 noescape인 함수라면 당연히 아래와 같이 오류가 납니다.)

테이블뷰 컨트롤러로 이동해서 먼저 movie모델을 담을 배열 movies를 만들어줍니다.

 

그리고 테이블뷰를 moives의 갯수만큼 보여지게 설정하고, 각 셀의 이미지와 타이틀을 movies안의 image와 title로 설정해줍니다.

마지막으로 MovieAPI에서 getMovieWithEscaping함수를 불러옵니다. 

 

클로져의 인자값이 true라면 (성공적으로 데이터를 받아왔다면) 현재 테이블뷰컨트롤러의 movies를 클로져 안에서 받아온 movies로 설정

 

해줍니다. 그 다음 테이블뷰를 리로드 시켜줍니다.

 

아래 somthing to do1 , something to do2 는 비동기로 잘 처리되고 있는지 확인하기 위한 것입니다.

 

만약 비동기로 처리되지 않았다면 데이터를 받아오는 동안 내내 아래 있는 코드들이 실행되지 않겠죠?

앱을 실행시키면 아래와 같이 Something to do1가 출력되면서 네비게이션 타이틀이 바뀌고 Something to do2가 출력되고 왼쪽 바버

 

튼 아이템이 먼저 바뀐 뒤 5초 뒤에 데이터가 성공적으로 받아와지면 테이블뷰가 리로드되면서 영화 사진과 타이틀로 바뀌게됩니다.

GIF Example

---

아래는 실행시킨 화면입니다. 

 

 

 

PS

---

그렇다면 만약 escape없이 비동기처리를 하려면 어떻게 해야 할까요?

 

바로 NotificationCenter를 활용하는 것입니다!! (NotificationCenter에 대해 알고싶으신 분들은 여기 를 눌러주세요

 

MovieAPI에서 Movie클래스에 인자값을 받지 않는 함수를 만들어줍니다.

 

그 뒤 바로 똑같이 디스패치큐 어신크에프터를 사용하여 5초 딜레이를 주고 영화들을 담아주겠습니다.

 

for문이 끝나면 NotificationCenter를 이용해 알림을 주고 movies를 userInfo를 통해 데이터를 전달하겠습니다.

그 뒤 테이블뷰 컨트롤러로 이동해 뷰디드로드에  addObserver를 해주고 MovieAPI의 getMovieNoCompletion을 실행시켜주고

 

@objc함수는 movies를 userInfo에 담긴 movies로 바꿔주고 테이블뷰를 리로드 해줍니다.

그러면 아래와 같이 비동기처리 방식으로 결과가 끝났을 때 동일하게 데이터를 전달하고 띄울 수 있습니다.

하지만 NotificationCenter의 addObserver를 살펴보면 이것 또한 @escaping을 사용하고 있습니다.

 

고로 비동기처리방식으로 데이터를 처리하려면 Escape Closure 반드시 필요한 것이라고 말할 수 있습니다.

Source Code & Github

---

전체 소스 코드

 

fomagran/Escaping-Example