[Javascript] 이벤트 등록하는 방법 3가지 1. 인라인 방식(inline) 이벤트를 html 요소의 속성으로 직접 지정하는 방식 html 코드와 스크립트가 섞여 사용, html 코드와 스크립트 코드는 분리가 유지보수에 용이하다고 하지만.. 우리 회사 같은 경우에는 굉~~ 장히 많이 사용되고 있는 방식 중 하나라 알아두면 요긴하게 쓰인다. Test 2. 프로퍼티 방식(Property) 이벤트를 자바스크립트 코드에서 프로퍼티로 등록하여 사용하는 방식 html 코드와 자바스크립트가 섞여 사용되지 않음 하나의 이벤트 핸들러 프로퍼티엔 하나의 이벤트핸들러만 바인딩 가능 let testBtn = document.querySelector('#testBtn'); testBtn.onclick = function () { alert('Hello world1'); .. 2022. 1. 9. [Vue.JS] ref 속성 ref 속성 자식 엘리먼트에 접근하는 기능 접근해서 데이터를 가져오는것은 가능하지만 엄연히 접근까지의 역할 js의 getElementById, getElementsByClass ...등의 getElement 함수와 querySelector 함수와 같은 비슷한 역할 ref 사용 vue.js가 '나도 여기 html 태그 값 좀 사용함~' 하고 좌표찍는 역할이라고 보면됨 ref 속성을 부여한 자식 태그를 호출하기 위함 vue.js와 html 모두 접근 가능!! body input태그에 ref 속성 추가 {{word}} 입력 {{result}} ref 속성에 접근 this.$refs.answer.focus(); this.result='정답'; this.word = this.value; this.$refs.ans.. 2021. 4. 11. 이전 1 다음