Vuejs

요즘 핫한 프런트엔드 프레임워크 중 하나인 vue.js를 접해 볼 수 있는 기회가 회사에서 생겨서 기록과 공부 목적을 위해 글을 작성해봅니다. Angular와 React의 장점들만 가져와서 만들어진 Vue.js! 시작 해보겠습니다. Vue.js란? 웹 페이지 화면을

Vue로 화면을 개발하기 위해서는 Vue Instance는 꼭 생성해야 한다. 아래 와 같은 방법으로 Instance를 생성 할 수 있다. new Vue 생성자 함수를 이용하여 인스턴스를 생성하면 root vue instance를 생성 할 수 있다. Root를 par

컴포넌트는 화면의 영역을 구분하여 코드로 관리하는 것이다. Vuejs의 강력한 기능 중 하나이다. 컴포넌트 기반으로 화면을 개발하면 재사용성이 높아지고 화면 구성이 수월해진다. https://www.researchgate.net/publication/33446

Vue Router란? Vue에서 지원하는 공식 라이브러리로 라우팅 기능을 구현 할 수 있게 도와주는 것이다. 라우팅이란? >웹 페이지 간의 이동방법을 말한다. 페이지를 이동할때 서버에 요청해서 새로 갱신하는 것이 아니라 미리 해당 페이지를 받아 놓고 페이지 이동시

뷰의 특징 그리고 매우 유용하다고 생각한다. 기본 디렉티브부터 확실하게 알아두는게 중요한거 같다.화면을 조작하기 위해서 vue가 재공하는 문법이다. HTML Element 안에 v- 접두사를 사용해서 표현식에 직접 값을 넣어주거나 미리 정해주었던 뷰 인스턴스와 데이터

Vue 기본적인 문법 형식 template문법만 배우면 될 줄 알았지만 역시나 Vue를 조금더 효율적이게 사용하고 빠르게 설정할 수 있게 해주는 것이 있었다. Vue CLI에 대해서 알아보자Vue Command Line Interface "프로젝트를 생성할때 명령어를

복잡한 애플리케이션의 컴포너트들을 효율적으로 관리하는 Vuex 라이브러리Vuex 라이브러리 주요 속성은 state(data), getter(computed), mutation(methods), actions(비동기 methods)무수히 많은 컴포넌트의 데이터를 관리하기