[UI5] MVC 패턴

토마토·2024년 7월 13일

UI5

목록 보기
1/9
post-thumbnail

MVC 패턴이란?

MVC 패턴이란 소프트웨어 개발 환경에서 사용되는 디자인패턴 중 하나로 Model, View, Controller로 구성됩니다.

Controller를 통해 Model에서 가져온 데이터를 View와 연결(data binding)함으로써 화면단에 시각적으로 표출하게됩니다. 다시 말해, Controller에 의해서 Model이 View에 업데이트 되는 것입니다.

왜 MVC 패턴이 필요한가?

Model, View, Controller를 통한 data binding은 다양한 이점을 제공합니다.

프레임워크의 장점

MVC 패턴은 프레임워크의 일종입니다. 공통의 라이브러리, 도구, 인터페이스가 제공되며 특정 가이드라인 하에 개발이 이루어지므로 개발 시간을 단축할 수 있고 디버깅이 쉽다는 장점이 있습니다.

낮은 결합도 높은 응집도

Model은 데이터와 로직 관리, View는 사용자 인터페이스 구현, Controller는 사용자 요청 처리로 3가지 컴포넌트 간 역할이 명확히 분리되어 있습니다. 이러한 역할 분리는 결합도를 낮추고 응집도를 높여 유지보수가 용이한 효율적 코드를 만들어줍니다.

결합도: 모듈 간 의존 정도
응집도: 한 모듈 내 구성요소 간 연관 정도

재사용 및 확장성

기능별로 코드를 분리하여 가독성을 높이고 코드 재사용이 용이합니다.

Model

Model은 데이터를 관리하는 영역입니다.
create,update,delete 등을 처리하기 위한 메소드를 제공합니다.

Model의 4가지 종류

  • JSON Model (JavaScript Object Notation)
  • XML Model (Extensible markup language)
  • Resource Model
  • OData Model

JSON Model, XML Model, Resource Model은 클라이언트 단의 모델이고, oData는 서버 단의 모델입니다.

View

Model의 데이터를 사용자 화면에 출력합니다. 요청에 대한 처리 결과를 사용자에게 출력할 화면을 생성합니다.

Controller

Controller는 View와 Model 사이를 중재하는 역할을 수행합니다.

View와 Model 간 데이터 흐름을 위한 메소드는 Controller에서 처리되며, 사용자의 요청으로 View에서 발생하는 이벤트를 처리할 수 있도록 구성됩니다.

SAP U5의 사전정의된 메소드 4가지

  • onInit(): View 초기화 시 사용하는 메소드이며, 한 번만 수행된다.
  • onBeforeRendering()
  • onAfterRendering()
  • onExit()

참고자료 출처

profile
멋쟁이 토마토

0개의 댓글