MVC 패턴과 친해지는 과정

현정재·2024년 7월 7일

MVC 패턴 자세히 알아보기

MVC(Model-View-Controller) 패턴은 소프트웨어 설계 패턴 중 하나로, 사용자 인터페이스를 만드는 데 널리 사용됩니다. 이 패턴은 어플리케이션을 세 가지 주요 컴포넌트로 분리하여 개발하고 유지보수를 용이하게 합니다. 각각의 컴포넌트는 독립적으로 작동하며, 특정 역할을 담당합니다. 다음은 각 컴포넌트에 대한 자세한 설명입니다.

Model (모델)

역할과 책임:

어플리케이션의 핵심 데이터와 비즈니스 로직을 포함합니다.
데이터베이스와 상호작용하여 데이터를 가져오거나 저장합니다.
데이터 유효성 검사를 수행하고, 비즈니스 규칙을 적용합니다.

구체적인 예:

만약 우리가 도서 관리 시스템을 만든다면, 책(Book), 저자(Author), 대여 기록(Rental Record) 등이 모델이 될 수 있습니다.
모델 클래스는 데이터베이스 테이블과 매핑되며, 데이터베이스에서 정보를 조회하거나, 저장, 삭제, 업데이트하는 메서드를 포함합니다.

작동 방식:

사용자가 입력한 데이터를 처리하고 검증합니다.
데이터 변경이 발생하면 컨트롤러나 뷰에 알립니다.

View (뷰)

역할과 책임:

사용자에게 데이터를 표시하는 역할을 합니다.
모델에서 데이터를 가져와서 HTML, CSS, JavaScript 등을 사용해 사용자 인터페이스를 구성합니다.
사용자의 입력을 받아서 컨트롤러에 전달합니다.

구체적인 예:

도서 관리 시스템에서 책 목록을 보여주는 화면, 책 상세 정보를 보여주는 화면, 책 추가/수정 폼 등이 뷰가 될 수 있습니다.
각 뷰는 특정한 모델 데이터를 표시하고, 필요한 경우 사용자 인터페이스 요소를 제공합니다.

작동 방식:

컨트롤러에서 전달받은 데이터를 화면에 렌더링합니다.
사용자가 인터페이스와 상호작용할 때 이벤트를 캡처하고 컨트롤러에 전달합니다.

Controller (컨트롤러)

역할과 책임:

모델과 뷰를 연결하는 역할을 합니다.
사용자의 요청을 받아서 처리합니다.
모델을 업데이트하거나 데이터를 조회하여 뷰에 반영합니다.
사용자 요청을 라우팅하여 적절한 액션을 수행합니다.

구체적인 예:

도서 관리 시스템에서 사용자가 책을 추가할 때, 해당 요청을 받아 모델에 책 데이터를 저장하고, 성공적으로 저장된 후 책 목록 화면으로 리다이렉트합니다.
사용자가 책 목록을 조회하면, 컨트롤러는 모델에서 책 데이터를 가져와서 뷰에 전달하고, 뷰는 이를 화면에 렌더링합니다.

작동 방식:

사용자가 특정 URL을 요청하면, 해당 URL에 매핑된 컨트롤러가 요청을 처리합니다.
요청된 액션에 따라 모델을 조회하거나 업데이트하고, 결과를 뷰에 전달합니다.

MVC의 상호작용 예시

사용자 입력 처리:
- 사용자가 웹 브라우저에서 "로그인" 버튼을 클릭합니다.
- 로그인 폼의 데이터(사용자명, 비밀번호)가 컨트롤러로 전송됩니다.
컨트롤러 액션:
- 컨트롤러는 로그인 요청을 받아서 모델에게 사용자 인증을 요청합니다.
- 모델은 데이터베이스에서 해당 사용자 정보를 조회하여 비밀번호를 확인합니다.
- 인증 결과(성공 또는 실패)를 컨트롤러에 반환합니다.
모델 업데이트 및 결과 반환:
- 모델이 사용자 인증에 성공하면, 컨트롤러는 사용자 세션을 생성하고 대시보드 뷰를 호출합니다.
- 인증에 실패하면, 컨트롤러는 에러 메시지를 포함한 로그인 폼 뷰를 다시 렌더링합니다.
뷰 업데이트:
- 뷰는 컨트롤러로부터 받은 데이터를 기반으로 화면을 업데이트합니다.
- 사용자가 성공적으로 로그인한 경우 대시보드 화면을 보여줍니다.