NHBank OpenAPI 예금주 조회 서비스 Application

AutoLayout을 적용한 NHBank OpenAPI 예금주 조회 서비스 Application

• 해당 화면에서 나온 계좌번호는 실제 계좌번호가 아닌, Open API 테스트를 위해서 임의로 발급된 계좌번호임을 알립니다.

1. MVVM 디자인 패턴(소프트웨어 아키텍쳐 패턴)

• Model-View-ViewModel 형태의 디자인 패턴입니다.

1.1. Model

• Model은 데이터의 구조를 정의하고 ViewModel에게 결과를 알려줍니다.
• View(ViewController)는 Model에 직접 접근할 수 없습니다.

1.2. View(ViewController)

• View는 iOS에서의 ViewController에 해당합니다.
• View는 사용자와의 상호작용을 통해 이벤트가 발생하면 ViewModel에게 알려줍니다.
• ViewModel이 업데이트 요청한 데이터를 화면에 보여주는 역할을 합니다.

1.3. ViewModel

• ViewModel은 사용자와의 상호작용을 View가 보내주면 그에 맞는 Business Logic을 처리합니다.
• Model에 정의한 데이터에 대해 Read / Update / Delete 역할을 담당합니다.

1.4. 이미지를 통한 추가 설명

• 장점 : MVC 패턴에 비해, MVVM 패턴의 장점은 View-Model-ViewModel 모두 의존성이 없다는 것이 장점입니다.
• 단점 : 반면에 설계가 어려운 것이 단점이며, View가 커지면 ViewModel도 커진다는 단점이 있습니다.

1.5. 프로젝트(실습)를 통한 이해

1.5.1. Model 설계

• NHBank Open API(참고 링크)를 참고하여 Model을 설계했습니다.

1.5.2. ViewModel - Service 설계

• Service는 MVVM에 꼭 필요한 것은 아닙니다. API 응답을 받아오기 위해 설계 하였으며, 필요하다면 ViewModel에 합쳐도 됩니다.
• 해당 설계는 이 게시글을 참고했습니다.

1.5.3. ViewModel 설계

• Model에서 정의한 데이터에 대해 Read / Update / Delete 연산을 수행합니다.

1.5.4. View(ViewController) 설계

• ViewController에서는 단순히 ViewModel에서 전달하는 데이터를 화면에 보여주는 역할을 합니다.

1.5.5. 전체 코드 링크

• 전체 코드는 여기에서 확인하실 수 있습니다.

1.6. 느낀점

• 이번 Application을 완벽하게 구현한 것인지는 잘 모르지만, 구현하면서도 수차례 리팩토링 과정을 거쳤는데 확실히 리팩토링 하는데 있어서 매우 편리함을 느꼈습니다.
• 이론으로만 알고 있던 객체지향 프로그래밍, 프로토콜지향 프로그래밍 등 코드의 중복을 줄이고 재사용성을 늘리며, 유연하게 코드를 작성하는 것을 직접 경험함으로써 그 중요성을 다시 한 번 깨닫게 되는 프로젝트였습니다.

1.7. Reference

• https://42kchoi.tistory.com/292?category=975878
• https://github.com/NH-developers/FundManagement
• https://developers.nonghyup.com/guide/GU_2010
• https://www.amerhukic.com/animating-launch-screen-using-gif -> Splash 화면 Animation