Jay's Lab Jay's Lab

이전 포스팅에서 vue.js의 기본적인 개발환경 세팅과 프로젝트를 생성하여 로컬 서버에 올려 구동시키는 것 까지 정리했었다. 이번 포스팅에서는 Vue의 router기능을 활용하여 SPA(Single page application) 구현을 정리해보도록 하겠다. 최초 터미널에서 vue create { }를 사용하여 프로젝트를 생성하면 app.vue 파일이 아래와 같이 생성된다. 여기서 한 가지 더 유용한 구글 크롬 플러그인을 설치해 보도록 하겠다. https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 아래 주소로 들어가면 바로 chrome에 추가할 수 있다. 이 플러그인을 설치하면 아래 사진과 같이 v..

Vue.js를 사용해 Front단을 개발할 일이 생겼다. Vue.js라는 것을 처음 접해보기 때문에 공부하며 정리한 내용들을 앞으로 계속 포스팅해 나아가 보겠다. 항상 그렇듯 모든 개발의 시작은 개발환경 세팅에서부터 시작한다. 개발환경 세팅을 위해 먼저 Node.js를 설치해준다. 아래 링크로 들어가 각자 환경에 맞는 node.js를 설치해 준다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다음 마찬가지로 각자 환경에 맞는 Visual Studio Code를 다운로드하여 설치한다. 설치 뒤에 VSCode로 개발을 좀..