728x90
1. Vue.js 란?
Vue.js - 웹 프론트엔드 프레임워크
- 컴포넌트 기반의 SPA(Single Page Application)를 구축할 수 있게 해주는 프레임워크
- 컴포넌트 : 웹을 구성하는 logo, menubar, button 등 웹 페이지 내의 다양한 UI 요소
: 재사용 가능하도록 구조화 한 것
- SPA : 하나의 페이지 안에서 필요한 영역부분만 로딩되는 형태
: 빠른 페이지 변환, 적은 트래픽 양
: 예를 들어 페이지의 좋아요 수가 변경되었을 때, 화면 전체가 로딩되는 형태가 아닌
필요한 부분만 변경할 수 있는 형태
2. Vue.js 설치하기
기존에는 atom 에디터를 사용하고 있었으나, 이번에는 visual studio code를 설치해서 사용해보기로 한다.
먼저, visual studio code 창에서 맞는 버전을 설치
vscode 실행 후 터미널 창에 npm install -g @vue/cli를 입력
설치가 완료되었다면, 터미널창에 vue create test로 폴더 만들기
이때 나는 아래와 같은 에러가 발생했다.
이는, vue.cmd create test를 입력해서 해결할 수 있다.
다음으로 default가 나온 곳에서 엔터
설치가 완료되면 아래의 명령어를 통해 서버에 접속
localhost:8080에 접속했을때 아래와 같이 나오면 성공
728x90
