태그별 글 목록: Vue

Vue.js Getting Started: How a Vue app starts

최근 프로젝트에서 앵귤러만 사용해왔는데, 뷰는 어떻게 시작하는 걸까? 고민을 하며 강의를 수강함. package.json에는 serve, build, lint가 존재. serve: runs the appbuild: going to run a production build process npm run build dist폴더가 만들어지고, 해당 폴더에는 index.html 등이 최적화되어 생성됨. src폴더에는 main파일이 있음 new Vue로 새 인스턴스를 만들고 있다. App이 html의 div id가 app인 요소에 마운트 됨. html은 public 폴더에 존재하며, …

더 읽기 »

Vue.js Getting Started: Create and Serve

vue create hello-vue -d 새 웹앱을 만들 때 vue create문을 사용. -d를 사용하면 설정이 기본값으로 지정된다. 인터넷 연결 상태가 좋지 않아 겨우겨우 성공. .gitignore에 node_modules가 들어 있어서, 더 이상 해당 폴더를 추적하지 않게 됨. package.json을 보면 core-js와 vue에 대한 의존성이 보인다. 위쪽에는 serve 명령이 실제로 무엇을 실행하는지도 나타나 있음. npm run serve localhost:8080에 접속하면 Vue.js 환영 메시지가 나타난다. Vue CLI로 …

더 읽기 »

Vue.js Getting Started: Hello World

Pluralsight의 Vue.js: Getting Started를 보며 실습 CDN에서 Vue 임포트해 사용하기 처음엔 CDN에서 내려받아 Vue.js를 구현 new Vue로 만든 오브젝트의 데이터 모델을 그대로 name에 출력하는 모습. input 필드의 값을 변경하면 하단 텍스트도 함께 변경됨. Vue Tool installation npm install -g @vue/cli 터미널에서 Vue CLI설치. 개발 속도 향상을 위해 CLI는 필수. vue, node, npm 버전 확인 Vetur https://marketplace.visualstudio.com/items?itemName=octref.vetur&WT.mc_id=vuegettingstarted-github-jopapa Vue Code Snippets https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets&WT.mc_id=vuegettingstarted-github-jopapa …

더 읽기 »