프론트엔드 공부/view (2) 썸네일형 리스트형 vue create createapp CLI (comand line interface: 터미널을 통해 프로젝트진행) npm i -g @vue/cli (view cli를 전역설치) cd라는 명령어를 통해 vue3-test를 열어주고 npm run serve 라는 명령어로 열수 있다는 의미 설치 진행후 폴더내 ***package.json - "scripts" -"serve"(개발서버오픈)는 "dev"와 동일 -"build"(제품화과정 -"lint"(규칙에 맞게 확인) ***폴더 1.public > index.html 에 #root main.js에 연결 2.src > main.js import { createApp } from 'vue' //create-vew 연결 import App from './App.vue' //app.view import.. codepen에서 cdn으로 연습하기 //html 상단에 cdn 추가 {{message}} Vue.createApp({ data(){ return{ //반응성 message:'hello view' } } }).mount('#app') 이전 1 다음
