TIL/Vue.js

퇴근하고 강의 듣는 거.. 쉽지 않다 휴 vue 이벤트핸들러 이 전까지 만들었던 페이지에 버튼을 누르면 1씩 증가하는 기능을 추가하려고 한다. 자바스크립트는 onclick="" 이라는 이벤트 핸들러를 HTML태그에 달았지만 Vue에서는 v-on:click="" 이라고 사용한다. 이는 더 간단히 v-on: 을 @로 바꿔쓸 수 있어 결국 @click 만 쓰면 된다. script에 count 변수를 추가해주고, 허위매물신고 신고수 : {count} 이런식으로 적어주면 된다. 다른 여러 이벤트 핸들러도 있는데, @mouseover 하면 클릭이 아니라 마우스만 댔을 때 자바스크립트를 실행가능하고 @input 하면 인풋에 값을 입력했을 때 자바스크립트를 실행가능하고 등등의 기능들이 있다. 그때그때 필요할 때마다 찾..

vue를 사용하는 곳이 점점 많아져서, 리액트뿐만 아니라 vue도 기본은 알아야하지 않나 싶어서 시작하게 되었다. vue 의 장점 1. vue는 웹 앱 개발툴 React, Angular 중에서 가장 쉽다. 직관적인 방법을 이용해 한 눈에 알아보기 용이하다. 2. 개발하는 방식도 다양하지 않아 협업 시에 스타일 통일이 용이하다. 리액트는 코드를 짜는 방식이 매우 다양한데 vue는 딱 한 가지 방법만 가지고 있다. 3. HTML 렌더링하는 시간이 빠르다. 4. 꾸준히 업데이트되는 라이브러리 설치 및 실행 npm install -g @vue/cli vue create 생성할 프로젝트 이름 npm run serve 기본 구조 App.vue 화면을 렌더링 하는 template 부분 데이터 바인딩 {{ produc..