Development Artist

Design Pattern 이전 장에서, 깡통 Vue 프로젝트를 하나 생성하고 실행도 시켜보았습니다. 이제 궁금해집니다. 어떻게 저런 모양을 하고 있는 것이지? 이것을 이해하기 위해서는 Vue의 디자인 패턴을 알아야합니다. 구글링해보면 알겠지만, Vue의 디자인 패턴은 MVVM 입니다. MVVM은(Model-View-ViewModel)의 약자입니다. 각자의 역할이 무엇일까요? ‘View’는 사용자에게 보여지는 UI 부분이 됩니다. ‘Model’은 데이터가 들어있습니다. ‘ViewModel’은 ‘Model’의 데이터를 가져다가 View에 바인딩합니다. 이렇게 설명하면 잘 와닿지가 않습니다. 실제 코드를 한번 봐볼까요? 아래는 src/main.js 입니다. Vue가 실행되면 가장 먼저 main.js를 보게 ..