Vus.js 설치 및 프로젝트 생성 1. Vue.js 설치: https://cli.vuejs.org/guide/installation.html 2. 터미널에 프로젝트 생성 명령 입력 vue create project 3. Manually 선택 Vue CLI v5.0.1 ? Please pick a preset: (Use arrow keys) Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) // 현재 유용한 패키지들이 Vue 2를 지원하고 있어 현업에서 주로 사용 중 > Manually select features // 커스텀 생성 4. Babel 등 선택(스페이스바로 선택) Vue CLI v5.0.1 ? Please pick a prese..

학습내용 1. 강의영상 https://youtu.be/sqH0u8wN4Rs 유튜버 개발자의 품격님의 "한시간만에 끝내는 Vue.js입문" 강의 내용은 크게 두 파트로 나눌 수 있겠다. 본 페이지에는 Vue.js의 다음과 같은 내용을 다룬다. 데이터 처리 메소드 Instance-Lifecycle 데이터 바인딩 v-model 사용 @이용 이벤트 호출 배열 형식의 데이터 v-for 콘트롤 v-if(또는 v-show) 이용한 엘리멘트 화면 보이기(감추기) watch 이용 실시간 데이터 모니터링 2. 학습 중 작성한 코드 Welcome to {{title}}! Welcome to {{title2}}! Get Set {{d.t}} {{d.v}} {{d.t}} 3. 코드 실행 C:\workspace\vuejs\tes..

학습동기 앞으로 Vue.js의 쓰임이 많아 질거란다(2021년 하반기 유튜버 개발자의 품격, 빵형님의 공통적 견해). 그래서 궁금해 하던 차였다. 긴 강의는 부담이 되어서 일단 이 강의를 선택해 맛이라도 보려고 했다. Vue.js 설치시 npm을 사용하기 때문에, Node.js를 먼저 학습하기를 권한다. 학습내용 1. 강의영상 https://youtu.be/sqH0u8wN4Rs 유튜버 개발자의 품격님의 "한시간만에 끝내는 Vue.js입문"강의 내용은 크게 두 파트로 나눌 수 있겠다. 본 페이지에는 Vue.js의 설치와 라우팅에 대한 내용을 다룬다. 2. vue cli 설치 C:\workspace\vuejs>npm install -g @vue/cli 3. test 프로젝트 생성 C:\workspace\vu..