[Tech, etc.] MVC 패턴 (Model-View-Controller pattern)

Model-View-Controller (모델-뷰-컨트롤러) 의 약자인 MVC 패턴은 애플리케이션을 상호 연결된 세 가지 구성 요소로 분리하는 것을 목표로 하는 소프트웨어 개발에서 사용되는 디자인 패턴이다.

 

1. Model (모델)
   : 애플리케이션의 데이터와 비즈니스 규칙을 나타내고, 시스템의 "두뇌"라고 생각하면 된다. 데이터베이스와 통신하고 데이터가 변경될 때마다 View를 업데이트 한다.
   
   
2. View (뷰)
   : user와 상호 작용하는 부분으로 애플리케이션의 UI를 의미한다. 시스템의 "얼굴"이라고 생각하면 된다. Model에서  전송하는 데이터를 user에게 표시하고, user의 명령을 Controller로 전송한다.
   
   
3. Controller (컨트롤러)
   : Model과 View 사이의 인터페이스다. user의 입력을 처리하고 그에 따라 Model과 View를 업데이트 하는 "관리자"로 생각하면 된다.

 

책 목록을 탐색하는 앱을 사용한다고 상상해보자.

• Model
  : 제목, 저자, 가격 등 책의 세부 정보를 관리
• View
  : 책 목록을 표시
• Controller
  : 사용자가 책을 클릭해 세부 정보를 확인하는 등이 작업을 처리

 

또 다른 예시를 살펴보자. 이번엔 과제로 구현했던 주식 거래 프로그램이다.

• Model
  • 주식: 개별 주식을 나타내며, tickerSymbol, currentPrice, volume 등의 속성
  • 포트폴리오: 투자자의 주식 컬렉션을 나타내며, 총 가치에 대한 속성, addStock(), removeStock() 등의 함수가 포함
  • 거래: tradeID, stock, tradeType(buy/sell), quantity, tradePrice 등의 속성을 가진 주식 거래 행위
  • 사용자: 개별 투자자 또는 트레이더를 나타내며, userID, username, password 등이 속성과 viewPortfolio(), executeTrade() 등의 함수 포함
• View
  • StockView: 현재 과격, 과거 가격 차트, 거래량, 뉴스 등과 같은 주식에 대한 정보 표시
  • PortfolioView: 사용자의 주식 컬렉션, 개별 및 총 가치를 표시하고 주식을 매도/매수할 수 있는 옵션을 제공
  • TradeView: 수량 지정, 현재 가격 보기, 거래 확인, 과거 거래 보기 등 주식 매매를 위한 인터페이스
  • UserView: 사용자 등록 및 로그인 페이지, 사용자 프로필 페이지 등이 포함
• Controller
  • StockController: 주식과 관련된 작업을 처리 (예: fetchCurrentPrice(), getStockDetail() 등))
  • TradeController: executeBuyOrder(), executeSellOrder(), getTradeHistory() 등과 같은 거래 작업 관리
  • PortfolioController: viewPortfolio(), calculateTotalValue() 등과 같은 사용자 포트폴리오와 관련된 작업 관리
  • UserController: login(), register(), updateProfile() 등과 같은 사용자 작업 관리

주식 거래 프로그램은 View 계층의 사용자 작업(매수, 매도 등)이 Controller로 전송된다. Controller는 해당 액션(예: 매수 주문 실행)을 처리하고 Model을 업데이트(예: 사용자 포트폴리오에 주식 추가 및 새 거래 생성)할 수 있다. Model이 업데이트 되면 이러한 변경 사항을 반영하기 위해 View가 업데이트 된다(예: 사용자 포트폴리오의 주식 목록 업데이트).

 

본질적으로 MVC는 중요한 부분을 분리해 코드를 구성하는 데 도움이 되며, 보다 모듈화되고 관리, 업데이트 및 확장이 용이해진다.