[iOS] - RxSwift 개념 이해하기_03

🎯 RxSwift 이해하기_03

RxSwift 이해하기_01 - https://jayb-log.tistory.com/275

RxSwift 이해하기_02 - https://jayb-log.tistory.com/276

​

• 🙋 이 글은 RxSwift에 대한 엄청난 이해나 본질을 파악한다기보다 입문하는 입장에서 작성하는 글이에요! 곰튀김님의 강의(하단에 링크) 를 들으며 정리한 내용, 생각들을 작성할 예정이에요. 틀린 부분이나 추가하면 좋은 부분에 대한 피드백은 언제나 환영입니다 :]

🧑🏻‍💻 그림으로 Operators 이해하기

• 그림 이해하기

  

  우선, 위의 그림을 해석하는 방법을 말해볼게요.

  빨간색 구슬은 마블이라고 부르며 여기서 데이터를 의미해요.

  그 아래 화살표는 스트림(Stream)이에요. 혹시 스트림이 무엇인지 궁금하시다면 2편을 보고 오시면 좋을 것 같아요!

  그 화살표에 세로로 그어진 선은 데이터가 그 지점에서 끝난다(completion) 는 것을 의미해요. 그렇게되면 dispose bag에서 사라지게되죠!

  그럼 이제 하나하나 Operators를 그림으로 이해해볼게요!

⚙️ Operators

• Just

  

  
  

  다시 같은 그림을 볼게요. 위의 그림을 해석하면 Just는 어떤 데이터를 받아 그대로 그 데이터를 집어넣어요. 빨간 구슬이 들어와 빨간 구슬이 나가는 구조에요!

  
  

• From

  

  
  

  From은 Array(Data)를 집어넣었었죠! Array를 넣어서 하나 하나씩 Stream에 집어넣어줘요.

  
  

• Map

  
  

  이미지가 지금까지와는 조금 다르죠? 공식 홈페이지에서 map에 있는 마블은 직접 움직일 수 있습니다.

  또 다른 점은 이번엔 위에도 stream이 있다는 사실이에요.

  즉, map은 Just나 From이 데이터를 받아 스트림을 반환하는 것과 다르게 스트림에서 스트림 사이에 연결자로 역할한다는 것을 알 수 있어요.

  
  

• Filter

  

  
  

  filter 역시 이해하기 쉬워요. 스트림을 받아서 filter를 통해 10 초과의 값만 다음 stream으로 넘겨주는 구조에요.

  
  

• First

  

  
  

  말 그대로 stream에서 첫번째 데이터만 넘겨줘요. complete bar의 위치가 중요한데 first의 경우 map과 filter와 다르게 first 이전 stream의 complete 시점은 중요하지 않아요. 그게 언제가 되었든 첫번째 데이터를 넘기는 시점에 바로 complete해요.

  
  

• Single

  

  
  

  Single에 관해서는 뒤에 자세히 설명하겠지만, 우선 그림을 이해하는 곳에서 나왔으니 간단히 살펴볼게요!

  Single은 (빨, 초, 파)의 데이터를 받았을 때 에러가 났어요. 반면에 빨간색 마블만 받았을 때에는 정상적으로 넘겨줘요. X 마크는 에러를 뜻해요.

  그림을 자세히 보면, single이 동작하는 시점은 첫번째 요소를 넘기고 complete bar 시점에 마블을 넘겨줘요. 반면에, 그 넘겨줘야 하는 시점(첫번째 요소를 지난 시점)에 complete bar가 없고 다른 데이터(여기서는 초록색)이 있다면 그 시점에 에러를 일으키는 거에요.

  즉, Single은 first처럼 한가지 요소를 넘기지만 first와 다르게 데이터를 받는 즉시 넘겨주고 complete 하는게 아니라 데이터를 받고 그 다음 complete bar가 있는지 여부에 따라 에러가 일어날지, stream에 그 데이터를 넘겨줄 지가 결정나요.

  
  

• Single(어떤 값)

  

  
  

  위 상황과 비슷하지만 이번에는 Single에 어떤 값을 넣어주는 구조에요. 그림에서는 초록색 마블이네요. 이 경우는 단순한 single과 다르게 초록색 값이 있으면 넘겨받는 데이터가 2개 이상이여도 complete bar 시점에 데이터를 넘겨줘요. 하지만 오른쪽 그림의 경우 초록색 마블이 없기 때문에 에러를 일으켜요.

  
  

• FlatMap

  

  
  

  이건 Map과 조금 달라요! Map은 데이터를 넣었을 때 데이터가 나왔는데, 여기서는 그림이 조금 다르죠? 동그란 마블을 넣었을 때(데이터를 넣었을 때) FlatMap은 다이아몬드 2개를 가진 stream을 반환해요. 그래서 위의 그림을 보면 빨간 데이터를 flat하게 만들어서 다이아 2개로 만들어주고, 초록 마블을 넣어 2개의 다이아를 만들던 중 그게 완료되기 전에 파란 마블이 들어가서 파란 다이아가 먼저 나오는 순서 변경이 일어났어요.

  이걸 통해 데이터를 넣을 때, 하나의 데이터 flat 작업과 다른 데이터 flat 작업이 concurrent하게 일어남을 알 수 있어요.

📚 Marble로 RxSwift 연습하기

• rxmarbles에 가면 RxSwift의 다양한 Operators를 위의 그림처럼 marble로 연습해볼 수 있어요.

  

4편에서는 next, error, complete을 어떻게 처리하는지 보도록 하겠습니다!

ReactiveX

RxSwift by 곰튀김