전체 글198 [Vue공부] 3. vue 기초문법 https://augustines.tistory.com/211 [Vue공부] 2. Vue-cli 와 설치 https://augustines.tistory.com/209 [Vue공부] 1. 알고 있어야 하는 개념들-1) Vue.js를 공부하기 전에 MVVM 에 대해 간단히 알아보자. Vue.js에서는 반응형 웹을 지원하기 위해 MVVM(Model-View-ViewModel)을 따.. augustines.tistory.com 간단한 준비 작업 생성한 프로젝트인 test-vue 에 App.vue를 열면, HelloWorld 라는 예제 컴포넌트가 import 되어 있다. 이를 지우고, 위에 template에 있는 태그도 지우자. 그리고 StartVue라는 컴포넌트를 만들어서 기본적인 Vue 문법에 대해 알아볼 .. 2021. 11. 3. [Vue공부] 2. Vue-cli 와 설치 https://augustines.tistory.com/209 [Vue공부] 1. 알고 있어야 하는 개념들-1) Vue.js를 공부하기 전에 MVVM 에 대해 간단히 알아보자. Vue.js에서는 반응형 웹을 지원하기 위해 MVVM(Model-View-ViewModel)을 따른다. 기존 MVC 모델과의 차이점은 ViewModel 도입과 데이터 바인딩에 있다. 아. augustines.tistory.com Vue-cli ? Vue CLI는 애플리케이션 개발을 지원하기 위한 Command Line Interface 이다. Vue CLI를 사용하면 애플리케이션 개발에 필요한 개발 환경을 간단히 구축할 수 있도록 해주며, 구체적으로 아래와 같은 설정이 가능하다. Vue 프로젝트 생성 Vue 라이브러리 관리 패키지.. 2021. 11. 3. [Vue공부] 1. 알고 있어야 하는 개념들-2) https://augustines.tistory.com/209 [Vue공부] 1. 알고 있어야 하는 개념들-1) Vue.js를 공부하기 전에 MVVM 에 대해 간단히 알아보자. Vue.js에서는 반응형 웹을 지원하기 위해 MVVM(Model-View-ViewModel)을 따른다. 기존 MVC 모델과의 차이점은 ViewModel 도입과 데이터 바인딩에 있다. 아. augustines.tistory.com Vue Component Vue에서 계속 나오는 개념 중, 컴포넌트라는 것이 있다. Vue 공식 문서(https://kr.vuejs.org/v2/guide/) 중에는 다음과 같이 정의 하고 있다. 컴포넌트 시스템은 Vue의 또 다른 중요한 개념입니다. 이는 작고 독립적이며 재사용할 수 있는 컴포넌트로 구성.. 2021. 10. 28. [Vue공부] 1. 알고 있어야 하는 개념들-1) Vue.js를 공부하기 전에 MVVM 에 대해 간단히 알아보자. Vue.js에서는 반응형 웹을 지원하기 위해 MVVM(Model-View-ViewModel)을 따른다. 기존 MVC 모델과의 차이점은 ViewModel 도입과 데이터 바인딩에 있다. 아래 그림을 살펴보자. 뷰는 사용자가 보고 있는 내용, 즉 Dom(Document Object Model)이다. View의 데이터를 ViewModel의 Dom Listeners가 감지해서 Model에게 전달한다. 반대로 Model의 데이터를 Data Binding 을 통해 View 로 전달한다. 요컨데요컨대, ViewModel은 앞단의 화면과 뒷단의 데이터를 연결하는 가교 역할을 한다고 볼 수 있다. 반응형 웹 반응형(Responsive) 웹을 알아보기 앞서, .. 2021. 10. 26. 이전 1 2 3 4 5 6 ··· 50 다음 반응형
