본문 바로가기

JavaScript/Vue.js

(2)
Vue 라우터 및 BootstrapVue 설치 방법 이번에는 Vue.js를 사용할 수 있도록 베이스를 구성해보려고 한다. 1) Vue 라우터 설치 뷰에서 라우팅 기능을 쓸 수 있도록 지원해주는 공식 라이브러리가 있음 라우팅(Routing)은 쉽게 말하면 웹페이지 간 이동하는 방법에 대한 건데 @@자세한 건 다음에 공부해서 포스팅하기로..@@ 그렇다면 왜 라우터를 설치해서 쓰느냐? 바로 SPA(Single Page Application)을 잘 사용하기 위해서이다. SPA의 장점은 앞선 포스팅에서도 밝혔듯이 => 페이지 변환도 빠르고, 트래픽 양도 줄어드니 개이득 Visual Studio Code TERMINAL에서 npm install vue-router --save으로 설치 2 ) BootstrapVue * BootstrapVue 설치 bootstrap-..
Vue.js 시작하기 ( CLI 설치 ) Vue.js란? 쉽게 말해 사용자에게 보여지는 페이지 뷰 만들어주는 프레임워크다 특징을 꼽자면 1 ) 컴포넌트(Component) 기반 로고, 메뉴, 버튼 등 웹 페이지 내에서 여러 번 사용되는 것을 다시 안 만들고 쓸 수 있도록 구조화 한 것 2 ) SPA(Single Page Application)를 구축 - 하나의 페이지 안에서 필요한 영역 부분만 로딩되는 형태.. 쉽게 말해 그냥 페이지 이동시에 똑같이 생긴 건 새로 가져오기 안 한단 말 => 그럼 페이지 변환도 빠르고, 트래픽 양도 줄어드니 개이득 CLI 설치 Vue.js를 사용하기 위해 CLI를 설치하도록 한다 인터페이스(CLI)는 Command-Line Interface 또는 Character User Interface이다. Visual St..

반응형