후니후니

MVVM = Model View ViewModel의 약자입니다. Vue.js 에서는 이 패턴을 사용하고 있음을 아래의 사진으로 알 수 있습니다. 사진의 ViewModel이 양방향 데이터 바인딩을 가능하게 해줍니다. M(모델) : 프로그램에서 실제 사용하는 데이터를 다루는 부분. V(뷰) : 사용자에게 데이터를 보여주는, 사용자가 눈으로 볼 수 있는 부분. VM(뷰모델): View와 Model 사이의 인터페이스 역할, 모델의 데이터를 뷰에 바인딩하고, 뷰에 보여질 동작들을 제어한다. var vm = new Vue ({ }) // Vue instance Create 이렇게 생성된 Vue instance는 VM이 됩니다. $el 은 MVVM 에서 View로 볼 수 있고, $data는 MVVM에서 Model로 ..

MVP = Model View Presenter 의 약자입니다. M(모델) : 프로그램에서 실제 사용하는 데이터를 다루는 부분. V(뷰) : 사용자에게 데이터를 보여주는, 사용자가 눈으로 볼 수 있는 부분. P(프리젠터): View에서 요청받은 정보를 Model에서 가공해 다시 View에게 전달해주는 부분. MVC 패턴과 달리, View와 Model의 의존성 부분이 해결됩니다. 하지만 View와 Presenter의 의존성이 높아집니다. 사용자의 요청은 View를 통해 들어온다 -> View는 요청을 받고, Presenter로 요청한다. -> Presenter는 Model 에게 데이터를 요청한다 -> Model는 요청받은 데이터를 Presenter에 보내준다 -> Presenter는 View에게 데이터를 ..

MVC 라는 말은 참 많이 듣기도 하고, 어느정도 이해는 하고 있는데 누군가 나에게 MVC패턴이 뭔가요? 라고 하면 설명을 해주지 못 할 것 같아 MVC에 대해 정리해보았습니다. MVC 패턴이란? MVC = Model View Controller 의 약자입니다. M(모델) : 프로그램에서 실제 사용하는 데이터를 다루는 부분. V(뷰) : 사용자에게 데이터를 보여주는, 사용자가 눈으로 볼 수 있는 부분. C(컨트롤러): Model에 명령을 보내 데이터를 바꿔줄 수 있고, View에 명령을 보내 표시될 데이터를 바꿔줄 수 있는 부분. MVC 패턴 관련해서 많이 찾아봤지만, 내용이 미세하게 달랐습니다. 저는 이렇게 이해했습니다. 사용자의 입력을 컨트롤러에 요청(입력)한다 -> Model은 요청을 받고, 데이터..