v-on v-bind와 마찬가지로 지정된 해당 태그의 속성값을 지정하는 데 사용되는 디렉티브다. @는 v-on:의 축약표현, v-on:click=“doSomething”을 줄여서 @click=”doSomething” 이라고 표기해줄 수 있다. 클릭 클릭 [v-on] : input v-on:input 은 키다운 개수를 카운트 한다. cnt2:{{cnt2}} [v-on] : v-for에 v-on 사용 {{img.title}} return 초기 이미지 값(initimg)을 설정해 주고 v-on:click="initImg=img.url" 란 {{img.title}} 을 클릭할 때 초기 이미지로 주었던 값을 v-for="img in imgs" 에 있는 img.url 로 바꿔 달라는 의미이다. {{msg + ': ..

이클립스에서 작성한 내용들을 Vscode에서 불러와 Front를 구성 해 주어야 할 때 필요한 과정들이다. cmd 창을 이용하기 보다는 Vscode 에 있는 Terminal 탭을 클릭 후 사용 해도 결과는 똑같으니 꼭 cmd 창을 켜서 진행하지 않아도 된다. 하지만 일단 cmd가 살짝 멋있어 보이니까 cmd 로 진행을 해보려고 한다. 폴더 생성 폴더를 생성 할 원하는 경로를 들어가 vue create 폴더명 을 입력해 준다. cd ../ 이것은 경로를 거슬러 올라가는 코드이다. 나는 위와 두번 거슬러 올라갔는데 한번에 하는 방법은 아래와 같으니 편한 방법으로 사용하면 좋을 것 같다. 생성 된 폴더 기본 설정 vue create 폴더명 이 성공 하게 되면 아래와 같이 preset을 설정하라고 나온다. Ma..

Node.js 설치와 비쥬얼 스튜디오 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.c..