[TIL] MVC 디자인 시스템

JongYeon·2025년 4월 27일

TIL

목록 보기
58/69
post-thumbnail

MVC 디자인 시스템

  • MVC 디자인 시스템(Model-View-Controller)은 소프트웨어를 만들 때, 프로그램을 역할에 따라 3개로 나누는 구조
  • 데이터(Model), 화면(View), 처리(Controller)를 깔끔히 나눠서, 각각 역할에만 집중하게 만든 설계 방식

Model

데이터랑 비즈니스 로직을 담당
앱 안에 저장하고 관리해야 할 진짜 정보"를 다루는 부분
예: 사용자 목록, 게시글 내용

View

화면에 보여지는 부분 담당
사용자가 보는 것을 담당
예: 버튼, 리스트, 글자처럼 눈에 보이는 모든 것

Controller

사용자의 입력을 받아서 Model과 View를 연결해주는 다리 역할
예: 버튼을 누르면 어떤 데이터를 저장하거나, 화면을 다시 그리게 만드는 것

비유

카페에 비유

  • Model = 재료 창고 (커피 원두, 우유)

  • View = 손님이 보는 메뉴판, 받아가는 커피

  • Controller = 주문받는 직원 (손님 말을 듣고, 주방에 전달하고, 커피를 가져다줌)

프로젝트에 적용한 사례

profile
프론트엔드 공부중

0개의 댓글