vue 썸네일형 리스트형 VUE.js vue3 기초 설치부터 기본 문법 기존 vue2를 사용하여 작업하고 있었는데 이젠 vue2의 지원이 끝났다고 들어 vue3 공부를 시작했다. 기존 디렉토리에 vue2 파일들이 있어 에러가 나서 npm uninstall -g vue-clinpm install -g @vue/cli 두 명령어를 통해 vue를 전역으로 재설치했다. 작업할 프로젝트 루트 터미널에서 vue create 프로젝트명 프로젝트를 생성했다. 프로젝트를 생성하면 node_modules : 프로젝트에 쓰이는 라이브러리 모아놓은 폴더src : 소스코드 폴더public : html, 기타 파일 폴더package.json : 라이브러리 버전 관리, 프로젝트 설정 기록 4가지 폴더가 생성된다.우린 src 폴더에서 작업을 시작한다. .gitignore : 깃에 올려지지 않을 코드들.. 더보기 vue2 기본 (cdn 방식, el data methods, ref, v-on/v-if) vue vue는 동적인 데이터만 관리를 해주면 화면단을 자동으로 바꿔준다.vue는 data 안의 오브젝트 형식에 데이터를 담아 바인딩하는 구조를 가지고 있다. const app = new Vue(); app이란 이름으로 vue의 인스턴스를 생성한다.생성 후에 vue 안의 기능들을 사용할 수 있다. el vue가 관여할 작업 영역이 어디인지 명시해주는 역할을 한다. data data 안에 object 형식으로 값을 담아 해당 컴포넌트에서 관리해야 할 변수들을 가지고 있다. methods methods는 해당 변수들에 관한 함수들이나 vue가 관리하는 영역의 함수들을 관리한다. ---------- el, data, methods는 고정 이름으로 변경이 불가함. data 키 안의 liked는 변수명으로 원하는.. 더보기 이전 1 다음
