이안의 평일코딩

이벤트리스너 에 입력한 값을 데이터로 저장하려면 사용자 입력 값을 저장하기 위해 v-model @input="month = $event.target.value">를 v-model을 이용해서 축약할 수 있다. (@input, @onchange...) 사용자가 에 입력한 것은 전부 문자자료형이기 때문에 숫자로 변경시켜주려면 v-model.number로 해주면 된다. {{month}}개월 : {{oneroom[clicked].price * month}} 원 닫기 watcher input에 문자입력하면 경고문을 띄우고 싶을 때 data를 감시하는 함수인 watcher를 쓰면 된다. month(a, b)라면 a는 변경 후 데이터를 가리키고 b는 변경 전 데이터를 말한다. 에 글자 입력하면 alert()를 띄우려면..

이벤트란?클릭이나 스크롤을 내리는 등 사용자와 웹페이지가 상호 작용을 하며 브라우저가 감지하는 것을 말한다. 이벤트 리스너, 이벤트 핸들러는 어떤 이벤트 발생 시 처리하는 함수이다. 자주 사용되는 DOM이벤트로 click(마우스 왼쪽 클릭), contextmenu(마우스 오른쪽 클릭), keydown(키보드 누를 때), keyup(키보드 뗄 때), submit, focus 등이 있다. 이벤트 등록 방법 인라인 방식 (inline)이벤트를 HTML 요소의 속성으로 직접 지정하는 방식이다. 단점은 HTML 코드에 자바스크립트를 추가해서 코드가 섞여 유지 보수에 좋지 못하다는 점이다.Click프로퍼티 방식 (Property)인라인 방식의 단점을 보완하여 자바스크립트 코드에 프로퍼티 등록 방식이다. 하나의 이벤..