UX/UI 디자이너

Vue.js - 프로젝트 시작과 마크업 2022/01/21 1)새로운 프로젝트 생성 -확장자가 없는 빈 화면에서 새터미널로 vue cereate vue-form을 작성 vue cereate vue-form -vue2와 vue3이 있는데 vue3을 선택 (EsLint를 기존의 vue 확장 프로그램과 사용하려면 vue2를 선택해야한다) -vue cli에서 vue 3으로 기본 프로젝트를 생성하면 크롬 확장 플러그인에서 vue를 잡아내지 못한다. beta버전을 사용하면 정상적으로 작동함! Vue.js devtools Chrome and Firefox DevTools extension for debugging Vue.js applications. chrome.google.com -cd vue form과 npm r..

Vue.js - 개발 시작하기 (w.vue-cli) 2022/01/19 1.App.vue파일 -안의 내용을 지우고 < 괄호를 타이핑하면 자동완성으로 기본 vue 파일 자동 완성 -template 태그 안에는 기본으로 하나의 엘레멘트 만 들어가야함 (*만약 두개 이상을 적었을시 lint에 하나의 엘레멘트만 가능하다고 안내) -하단의 터미널에서 로컬 호스트 8080을 클릭하면 확인가능 2.data 연결하기 -new Vue인스턴스에서는 단순히 data:{}로 객체를 연결했다면, -vue-cli에서는 data를 재사용 할 확률이 높기에, 여러 콤포넌트에서 동일한 데이터 값을 참조하지 않도록, -function으로 연결하여 return으로 새객체를 반환해야한다 (*이걸 안지키면 오류가 됨!) export defa..

한동안 하고 싶은 기획 공부를 하느라 개발 공부가 미루어졌다. 오늘 이어서 vue와 라우터에 대한 공부를 할 예정. 현재 듣고 있는 수업 1월 내에 꼭 완강을 해야지 생각이 들었다. 이번 강의에서는 뷰 라우터에 대해서 배우게 되었다. Vue router의 공식 홈페이지 >> 설치 | Vue Router 설치 직접 다운로드 / CDN https://unpkg.com/vue-router/dist/vue-router.js (opens new window) Unpkg.com (opens new window)은 NPM 기반 CDN 링크를 제공합니다. 위의 링크는 항상 NPM의 최신 릴리스를 가리킵니다. https://unpkg. router.vuejs.org Vue.js study- 라우터의 기본 공부하기 202..