본문 바로가기

Tech/Front End6

[Vue공부] 4. watch를 이용한 데이터 상태 감시 https://augustines.tistory.com/212 [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.. augustines.tistory.com 앞서 Vue에 대해 알아야 할 개념들 중, watch에 대해서 간략하게 소개했다. 그런데, 이 watch라는게 front 코딩을 하면 할수록 많이 활용될 수 있을 것 같아서, 이 번 포스팅에서는 watch를 통한 vue 데이터 상태의 능동적인 감시를 통한 처리의 자동화에 대.. 2021. 11. 4.
[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.
반응형