[Architecture] VIPER 패턴

안녕하세요, 제인입니다!

최근 시작한 아키텍처 및 디자인 스터디에서 첫번째로 주제로 다루었던 VIPER 아키텍처 패턴에 대해 정리해보려 합니다.

바로 시작하겠습니다😊

VIPER Pattern이란?

View, Interactor, Presenter, Entity, Router의 약자를 따와서 VIPER라는 이름이 명명된 단일책임원칙 기반의 아키텍쳐입니다. 응집도는 높고 결합도는 낮은 형태로, 아무래도 각각의 구분이 많은 만큼 역할 단위의 구분이 명확합니다. (이것이 뭔가 장점이 될 수도 단점이 될 수도 있는 것 같긴합니다..)

 

VIPER 패턴

이해를 돕기 위해 그림으로 표현해봤는데요, 하나씩 살펴봅시다!

 

• View : 어떤 패턴이든 사용하는 View 역할입니다. 주로 UIViewController, UIView들이 이 역할을 하게됩니다. 사용자의 입력에 반응하고 보여주는 역할을 하며, 주로 Presenter와 상호작용합니다.
• Presenter : UI 관련 비즈니스 로직을 포함합니다. View의 액션을 받아서 Interactor로 전달하고 Interactor로부터 데이터를 전달받아 View을 Update하는 로직을 가지고 있습니다.
• Interactor : 데이터 또는 네트워크와 관련된 비즈니스 로직을 가지고 있는 단위입니다. 주로 API 호출, data 관련된 로직을 가지고 있는 단위의 모듈입니다. (뷰와는 완전 독립적인 역할을 하는 모듈)
• Entity : 일반적인 데이터 객체들입니다. 단순하게, 데이터 모델이라고 생각하면 될 것 같습니다.
• Router : 화면이 언제 표시되어야하는지 어떤 화면을 띄울지 등 Navigatoin 로직을 가지고 있습니다. (뷰 전환 담당)

 

기존 MV* 패턴과의 차이점

표면적으로 보이는 차이점은 Interactor, Entity, Router가 추가되었다는 것입니다!

기존의 기능이 더 쪼개져 분리되었다는 것인데요, 무엇이 나뉘어졌을까요??🤔

 

• 기존 MV* 패턴에서 데이터 상호작용 로직을 담당했던 Model의 기능이 VIPER에서는 Interactor(비지니스 로직 담당)와 Entities(데이터 모델)로 나뉘어졌습니다.
• Router에 의해 풀리도록 되어있는 주소 네비게이션 책임을 명시적으로 다루는 첫번째 패턴이 VIPER입니다. 기존 MV* 패턴에서는 적절한 라우팅(화면 전환) 방식에 대한 이슈를 다루지 않았습니다.
• Presenter의 역할도 기존과 차이가 있습니다. MVP에서는 Presenter가 모든 로직에 대한 처리를 담당하였습니다. View에서 요청한 정보(UI, 데이터관련 모두) 를 Model로부터 가공하여 View로 다시 전달하였는데, VIPER에서는 UI에 관련된 처리만을 맡습니다. 데이터 또는 네트워크에 관한 처리는 Interactor가 담당합니다.

VIPER의 장점과 단점

좋은 아키텍처의 3가지 특징인 Distribution, Testability, Easy of use를 기반으로 VIPER의 장점과 단점에 대해 알아보겠습니다!

 

• Distribution - 각각의 역할 구분이 정말 명확하기 때문에 책임 분배 면에서는 정말 큰 장점을 가지고 있습니다.
• Testability - 책임 분배의 명확성(독립성)은 더 좋은 testability를 만듭니다.
• Easy of Use - 위에서도 언급했듯, 역할 단위의 구분이 명확한 것이 장점이자 단점이라고 할 수 있을 것 같은데요, 매우 작은 역할을 가지는 클래스들을 위해 엄청나게 많은 인터페이스를 작성해야 하기 때문에 많은 유지보수 비용이 든다는 것이 단점입니다.

 

스터디원들과 함께 예시 코드도 보며 VIPER에 대해 이야기를 나눈 결과..

VIPER..대체 왜 쓰는거지..? 라는 이야기가 나올 정도로 장점보다 단점이 더 많은 패턴이라는 생각이 들었는데요 (특히 유지보수 면에서)

다음 포스팅에서 VIPER의 단점을 보완하기 위해 등장한 RIBs에 대해 한번 정리해보도록 하겠습니다!

긴 글 읽어주셔서 감사합니다😊

---

[참고자료]

iOS Architecture Patterns

[Design Pattern] VIPER Pattern - iOS Architecture

[Swift] VIPER 패턴을 사용한 GitHub Search 만들기 1