[MVC] MVC 패턴에서 프론트엔드 vs 백엔드?

나도 MVC패턴에 대해서 의미가 명확하지 않았고 백엔드에선 view라고 할것이 있나? 라는 궁금증이 들어 한번 찾아보다 스택오버플로우에서 재미있는 글을 봤다.

 

🤔 질문

model-view-controller 패턴에서 프론트엔드와 백엔드가 어떤 것을 의미하는지 모르겠어요.
데이터베이스에 접근권한이 있는 백엔드가 Model이고 프론트엔드는 View인가요?

 

😁 답변

엄.. 용어 정리를 먼저 해야 겠네요
프론트엔드 - 사용자가 볼 수 있는 부분입니다. HTML, CSS, 클라이언트 부분의 Javascript 처럼요. 데스크탑 앱 같은 경우는 GUI라고 할 수 있겠어요
백엔드 - 사용자가 볼 수 없는 부분입니다. 자바, php, ruby같은 걸로 만드는 서버 사이드 웹 애플리케이션입니다.

트위터를 예로 들자면 아래로 MVC로 나눌 수 있습니다.
Model: 트위터의 REST API를 통해 정보를 가져오기
Controller: JSON 응답 구문 분석
View: DOM을 수정해서 정보를 표시합니다

이 모든건 프론트엔드 만으로 구성할 수 있는 것들입니다.
그러니 프론트 엔드는 그 자체로 MVC를 구성할 수 있습니다.
덧붙히자면 백엔드의 View는 HTML대신 REST API서비스에서의 JSON응답이라고 할 수 있습니다.

결론 : MVC 패턴은 백엔드, 프론트엔드에서 모두 사용할 수 있습니다.