본문 바로가기

VUE

(2)
[Vue.js] Named Routes / 동적 라우팅 동적 라우팅 - 라우터를 이용해서 컴포넌트를 연결할 때 동적으로 파라미터를 연결해주어야 하는 경우에 사용 - 이럴 때 Vue에서 활용하는 것이 Named Routes! 아래의 홈페이지를 참고했다. router.vuejs.org/kr/guide/essentials/named-routes.html 이름을 가지는 라우트 | Vue Router 이름을 가지는 라우트 때로는 라우트에 연결하거나 탐색을 수행 할 때 이름이 있는 라우트를 사용하는 것이 더 편리합니다. Router 인스턴스를 생성하는 동안 routes 옵션에 라우트를 지정할 수 있� router.vuejs.org 활용 방법은 간단하닷 Path Variable 활용 router.js에 다음과 같이 path를 설정해주면 된다. const router = ..
[Vue.js] 시작하기 Vue.js는 자바스크립트를 기반으로 웹 개발을 위한 2세대 프레임워크들 중 하나이다. React보다 진입장벽이 낮다고 해서 Vue를 프론트엔드 프레임워크로 사용했다. Vue.js의 세가지 구성 Vuex Virtual Dom을 관리하기 위한 매니저 역할을 한다. 개별 요소들의 정보가 변경되는지를 확인하고, 업데이트를 시켜주는 역할을 한다. Vue CLI 프로젝트를 생성, 설정해주는 CLI로 NPM을 통해 작동된다. Vue Router Vuex 상에 개별 컴포넌트를 올려놓고, Router를 통해 끌어다가 반복적으로 사용한다. 간단히 책으로 학습하고, 예제 UI Template을 뜯어보며 Vue를 이해했다. (아래의 사이트에서 다양한 템플릿들을 다운받을 수 있다.) kr.vuejs.org/resources/..