Development Artist

Life Cycle 이전 시간까지 우리는 Vue의 디자인패턴과 그에 따라 어떻게 동작하는지 살펴 보았는데요, 이번 시간에는 Vue의 라이프 사이클과 그에 따라 // src/views/AboutPage.vue Home | About 이곳은 About Page. COUNT:{{cnt}}, ONE:{{data1}}, TWO:{{data2}}, THREE:{{data3}} click 그 다음, src 아래에 router.js 파일을 생성해줍니다. HomePage는 / 경로로, AboutPage는 /about 경로로 사용하기 위한 설정을 담고 있습니다. // /src/router.js import Vue from "vue"; import VueRouter from "vue-router"; import Home f..

Create Vue Project 이전 장에서, Vuejs를 시작하기 위해 nodejs, npm, vue-cli 설치를 완료했습니다. 이제는 Vue 프로젝트를 시작해봅시다. CLI를 켭니다. ( 저는 Git bash ) vue create [원하는 프로젝트 명] 그러면 다음과 같이 뜰겁니다. Vue 3는 2020년 9월 19일에 출시되어 2022년 2월 즈음 정식 기본 버전으로 채택된 것으로 알고 있습니다. 하지만, 여전히 Vue 2를 지원하는 라이브러리가 많이 있는 상황입니다. 따라서, 이번 포탈 개발은 Vue 2로 진행하였습니다. Vue 3와 Vue 2의 차이점은 https://www.samsungsds.com/kr/insights/vue_js_3.html 다음 링크를 참고 바랍니다. 아래와 같이 V..

Install 일단 지금 Vuejs를 시작하려는 PC의 환경이 다양할텐데요, OS의 차이라던지, CLI의 차이라던지. 저는 Window11, Git bash로 진행을 하는 점 참고 부탁드립니다. Vuejs는 패키지 관리 툴로 npm을 사용합니다. ( 가령 Linux에서는 rpm, yum, apt-get. 파이썬에서는 pip.) 따라서, Vuejs를 시작하기전에 npm이 설치가 되어야 하는데요, npm은 nodejs를 설치하게 되면 자동적으로 설치가 됩니다. 먼저 nodejs와 npm이 PC에 설치되어 있는지 확인해 봅시다. node --version # or node -v npm --version # or npm -v 설치가 안되어 있다면, https://nodejs.org/en/ 해당 페이지로 접속하여..