MVC 패턴_React

miin·2021년 12월 23일
0

React

목록 보기
32/52
post-thumbnail

정의

  • 소프트웨어의 개발 방법을 공식화 한 것
  • 구현자들 간의 커뮤니케이션의 효율성을 높이는 기법
  • 유지보수가 편해지는 코드 구성 방식

1) Model : 데이터와 관련된 부분으로 컨트롤러에게 받은 요청에 따라 데이터를 관리한다
2) View: 사용자한테 보여지는 부분으로 컨트롤러로 부터 받은 데이터를 클라이언트로 전송해 결과를 나타낸다
3) Controller

  • Model과 View를 이어주는 부분으로
  • 클라이언트로부터 요청을 받아 데이터를 가져와야 한다면 Model에게 해당 데이터를 요청하고
  • Model에게 받은 데이터는 View에게 전송한다

요약

  1. 클라이언트가 API로 데이터를 요청 // Client → Controller

  2. 데이터베이스에 데이터를 요청 // Controller → Model

  3. 요청에 따라서 데이터를 관리 및 응답 // Model → Controller

  4. 응답 받은 데이터를 클라이언트로 전송 // Controller → View

  5. 데이터를 화면으로 나타냄 // View → Client

필요성

API로 접근하는 라우터와 API를 처리하는 Controller데이터를 관리하는 Model 들을 따로 둠으로써

  • 각각의 역할들에 대해 체계적으로 관리할 수 있다
  • 코드의 가독성을 높힐 수 있다
  • 서버 내에서 발생하는 오류들에 대해 좀더 쉽게 디버그 할 수 있다

0개의 댓글