개발/Vue.js3 [Vue.js 강의] 4강 Vue Router 설정 Vue Router 설정 사용자가 접속한 주소에 따라 페이지(컴포넌트)가 달라지는 것을 라우팅이라고 한다. 라우팅이 무엇인지 이해하고 Vue에서 라우팅 처리를 위해 사용하는 플러그인인 vue-router에 대한 설치 및 사용 방법에 대해서 알아본다. 또한 Vue CLI의 prefetch 기능에 대해서 정확히 이해하고, 컴포넌트의 로딩 시점을 설계하는 방법에 대해서 익힌다. 라우팅이란? Vue와 같은 단일 페이지 애플리케이션의 경우 페이지를 이동할 때마다 서버에 요청해서 페이지를 새로 갱신하는 것이 아니라 클라이언트에서 미리 가지고 있던 페이지를 라우팅을 이용해서 화면을 갱신한다. 라우팅이랑 클라이언트에서 url 주소에 따라 페이지가 전환되는 것으로 이해하면 된다. Vue-Router 설치 1. vue.c.. 2022. 2. 12. [Vue.js 강의] 2강 Vue 개발환경 구성 Vue 개발환경 구성 Visual Studio Code 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com Node.js 설치 Node.js.. 2022. 2. 11. [Vue.js 강의] 1강 Vue.js는 무엇인가? Vue.js는 무엇인가? SPA(Single Page Application, 단일 페이지 애플리케이션) 프론트엔드 프레임워크. 페이지 하나에서 동작하는 애플리케이션입니다. 자바스크립트, CSS, 이미지 파일을 최초 접근시 다운로드 받는다. 페이지를 이동하면 웹 페이지 전체가 바뀌는 것이 아니라 처음 접속했을 때 로딩된 페이지 중에서 변경이 필요한 부분만 바뀝니다. Vue.js는 사용자 인터페이스 개발을 위한 Progressive Framework입니다. 여기서 프로그래시브라는 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발한 것을 뜻합니다. Vue.js 장점 1. 직관적이고 배우기 쉽다 2. 재사용을 통한 애플리케이션 개발 기간 단축 및 양질의 코드를 생산할 수 있다. 3. Aug.. 2022. 2. 11. 이전 1 다음