MVC란..?

문제 해결에 쓰이는 해법은 여러가지입니다.
이 해결방법들을 "패턴" 이라고 부르고 있구요,
프로그래밍 문제도 해결하는 여러가지 접근 방법이 있고
우리는 이것을 "디자인 패턴" 이라고 부릅니다.

화면 개발에서 많이 쓰이는 디자인 패턴 중 하나가
MVC 패턴입니다.

MVC 중
M은 Model의 약자이고
Model은 데이터를 관리하는 역할입니다.
API나 브라우저 로컬 저장소에 있는 데이터를 가져와
어플리케이션에서 사용할 수 있는 모양으로 만듭니다.
또한, 데이터를 수정,삭제 하는 방법을 알고 있습니다

V는 View의 약자이고,
View는 사용자가 볼 수 있는 화면을 관리하는 역할입니다.
데이터를 DOM에 출력하거나 사용자가 발생한 이벤트를 처리합니다.
HTML,CSS가 View에 속합니다.

C는 Controller의 약자이고,
어플리케이션이 동작하려면 Model이 가지고 있는
데이터를 View에게 전달해서, 화면에 출력해야 합니다.
반대로, View에서 발생한 이벤트에 따라 Model 이 데이터를 관리해
어플리케이션 상태를 관리해야합니다.
역할에 따라 서로 격리되있는 Model과 View를
연결하고 움직이는 주체가 바로 Controller 입니다.