AngularJS MVC 아키텍처

Model View Controller 또는 MVC(통칭 MVC)는 웹 애플리케이션 개발을 위한 소프트웨어 설계 패턴입니다. Model View Controller 패턴은 다음 세 부분으로 구성됩니다.-

• Model − 데이터 패턴을 유지하는 가장 낮은 수준입니다.

• View − 사용자에게 전체나 일부 데이터를 표시하는 책임을 가집니다.

• Controller − 모델과 뷰 간의 상호작용을 제어하는 소프트웨어 코드입니다.

MVC가 인기가 많은 이유는 애플리케이션 로직과 사용자 인터페이스 레이어를 분리하여 주의점 분리를 지원한다는 것입니다. 컨트롤러는 애플리케이션의 모든 요청을 수신하고, 모델을 사용하여 뷰가 필요한 데이터를 준비합니다. 그런 다음, 뷰는 컨트롤러가 준비한 데이터를 사용하여 최종 표시 가능한 응답을 생성합니다. MVC 아웃라인은 다음과 같이 그래픽으로 표현될 수 있습니다.

모델(Model)

모델은 애플리케이션 데이터를 관리합니다. 이는 뷰에서의 요청과 컨트롤러로부터의 지시를 응답하여 자신을 업데이트합니다.

뷰(View)

컨트롤러는 데이터를 표시하는 특정 형식의 데이터를 표시하며, 이는 컨트롤러가 데이터 표시를 트리거하는 것으로 결정됩니다. 이는 스크립트 기반의 템플릿 시스템이며, 예를 들어 JSP, ASP, PHP와 같이 AJAX 기술과 통합이 매우 쉽습니다.

컨트롤러(Controller)

컨트롤러는 사용자 입력에 응답하고 데이터 모델 객체에서 상호작용을 수행합니다. 컨트롤러는 입력을 수신하고 검증한 후 데이터 모델 상태를 변경하는 비즈니스 작업을 수행합니다.

AngularJS는 MVC를 기반으로 한 프레임워크입니다. 다음 장에서 AngularJS가 MVC 메서드를 어떻게 사용하는지 볼 것입니다.