vue.js2 뷰 시작하기 (프로젝트 시작시 세팅) 1. 폴더생성 터미널 // vue create 폴더이름 vue create vue-test 폴더이동 cd vue-test (이동) npm run serve (서버실행) 2. 라우터 설치 터미널 npm i vue-router --save 설치확인 : package.json파일에서 vue-router이 추가되었는지 확인 "dependencies": { "core-js": "^3.6.5", "vue": "^2.6.11", "vue-router": "^3.5.2" } 전용 폴더 생성 src\router\index.js에 선언 뷰도 import하기 import VueTouter from 'vue-router' Vue.use(VueRouter) const router = new VueRouter({ routes: .. 2021. 8. 13. 개발 환경설정 / Vue.js란? 0. 개발 환경 설정 크롬 브라우저 Visual Studio Code node.js (LTS버전) Vue.js Devtools (크롬 확장 브라우저-뷰 개발환경 확인가능) VSCode 확장 프로그램 vetur - vue개발용 material icon - 프로그램 아이콘 모양 night owl - 테마 live server - borwser sync 설정(상단바 File> Preference > 색테마, 파일아이콘테마 변경) 뷰 개발자도구 1. Vue.js 소개 뷰 : MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리 뷰의 핵심 : 데이터의 변화를 라이브러리에서 감지해서 자동으로 화면을 갱신 자바스크립트의 기능이 실행되었을 때 돔 리스너, 데이터 바인딩 하는 역할 R.. 2021. 6. 21. 이전 1 다음 반응형