Vue3

02 Vue3 프로젝트 실행 및 글자 수 세기

프로젝트 실행하기 터미널에 입력! cd 프로젝트명 npm run serve cd 프로젝트명 입력 시 폴더까지로 잡혀있던 경로가 프로젝트로 바뀌는 것을 볼 수 있다 이상태에서 서버를 실행해주면 이러한 페이지가 실행된다! 이 페이지 수정을 위해서는 src > App.vue를 수정해주면 된다 TextArea 글자 수 세기 textarea에 글자를 작성할 때 마다 글자수를 세보자 vue를 이용하면 일일히 eventListener를 작성할 필요가 없다 Form Input Bindings 공식문서를 확인해보면 v-bind 와 v-on을 합쳐 v-model 을 사용할 수 있다 v-bind : html의 속성인 id, class, style 등에 model의 데이터를 연결할 때 사용 (v-bind:value => :v..

01 Vue3 개발환경을 구축해보자! + 오류

Vue3 설치하기 0. 설치하기에 앞서.. Vue란? - 아주 간단하게 말하면 Javascript의 오픈소스 프레임워크 이다 ! 자세한 정보는 Vue3 공식문서를 확인해보면 좋을 것 같다 상세하게 나와있어서 나도 틈날때마다 읽어보는 중이다 Vue3 공식문서 Vue.js - The Progressive JavaScript Framework | Vue.js 접근성 HTML,CSS, 자바스크립트 표준을 기반으로, 쓰기 편한 API와 최고 수준의 문서를 제공합니다. v3-docs.vuejs-korea.org 1. Node.js 설치하기 Vue3 설치하기에 앞서 하단 링크에 접속해서 Node.js를 먼저 설치해주자 - 최신버전으로 해야 오류가 잘안난다고 한다.. https://nodejs.org/ko/ Node...