Will find a way

들어가기 전

백엔드와 DB 기본을 공부하던 중 기초 디자인 패턴중인 MVC 패턴에 대해서 알게 됐다.

디자인 패턴이란 기존 환경 내에서 반복적으로 일어나는 제들을 어떻게 풀어나갈 것인가에 대한 일종의 솔루션이다.

패턴이라는 의미는 반복된 현상이나 무늬라 디자인 패턴에 대해 알아볼 필요성을 느꼈다.

오늘 디자인 패턴 중 하나인 'MVC 패턴'에 대해 적어보려고 한다.

(얕은 지식이라 부족한 부분이나 추가할 부분은 나중에 추가 수정하겠다.)

출처

https://www.youtube.com/watch?v=2VkUyxgnFf4

https://mundol-colynn.tistory.com/147

목차

1.  MVC 패턴이란?

2. Model, View, Controller 에 대해서

3. MVC 패턴의 설계원칙 및 장점

1.  MVC 패턴이란?

MVC는 'Model-View-Controller' 의 약자로 컴퓨터공학에서 소프트웨어 설계와 아키텍처를 위한 디자인 패턴 중 하나다. 이 패턴은 주로 사용자 인터페이스(UI)를 가진 응용 프로그램에 사용되며, 애플리케이션의 개발과 유지 보수를 쉽게 만들어준다.

2. Model, View, Controller

- Model (모델)

Model은 애플리케이션의 핵심 데이터와 비즈니스 로직을 나타낸다. 데이터 저장소와의 상호 작용, 데이터 처리 및 유효성 검사와 같은 작업을 수행한다.  (외부객체로 어떤 입력 데이터를 입력 받아 데이터베이스에 넣어준다)

웹 프론트에서의 모델은 데이터베이스에 직접 접근하지 않고 API 형태로 접근한다.

- View

사용자에게 보여지는 애플리케이션의 UI 부분이다.

애플리케이션의 데이터 표시와 관련된 모든 작업 처리한다.

그 데이터를 가지고 화면에 그려주는 역할을 한다 html css js로 구현되어 있다

입력받은 데이터 값을 이벤트로 받아서 컨트롤러에게 전달하는 역할을 한다

- Controller

사용자의 입력을 처리하고, 애플리케이션의 흐름을 관리하며 모델과 뷰를 이어주는 역할을 한다.

모델로 부터 데이터를 가져오고 뷰에게 전달하는 역할 및 반대로 뷰로부터 입력 받은 값을 모델에게 전달하기도한다.

3. MVC 패턴의 설계원칙 및 장점

1) 각 구성 요소의 역할과 책임을 명확하게 구분

-> 각 구성 요소의 역할이 명확하게 분리되어 있어, 코드의 가독성과 유지 관리하기 좋다.

2) 구성 요소간의 결합도 최소화

-> 구성 요소간의 낮은 결합도로 인해, 코드의 재사용성이 높아지며, 개별 구성 요소를 독립적으로, 수정 및 테스트할 수 있다.

3) 코드의 재사용성 확장성과 고려

-> 동일한 모델을 여러 뷰에서 사용할 수 잇으므로, 애플리케이션의 유연성이 향상