이벤트(Event)

이벤트(Event) 1. 이벤트(Event) JavaScript에서 이벤트에 대해 알아봅시다! 이벤트(Event)란? 사용자 상호 작용 or 웹 페이지의 상태 변화와 같은 다양한 동작을 처리하는 데 사용됩니다. 이벤트는 일종의 신호로, 웹 페이지 or 애플리케이션에서 어떤 일이 발생했음을 알리는 역할을 합니다. 이벤트는 함수(핸들러)를 연결시켜 활동 발생 시, 동작(트리거)하게 합니다. 2. 이벤트 핸들러 종류 대표적인 DOM 이벤트 핸들러의 종류는 다음과 같습니다. 1) click 요소를 마우스 왼쪽 버튼으로 눌렀을 때, 발생합니다. 예를 들어, 다음과 같이 +1 버튼을 클릭 시, 숫자가 1씩 증가하게 할 수 있습니다. See the Pen Tistory_Front-End Study_JavaScript..

• format_list_bulleted Front-End Study/JavaScript
• · 2024. 3. 24.
• textsms

이벤트 핸들러 (Event Handler)

이벤트 핸들러 (Event Handler) 1. 이벤트 핸들러 (Event Handler) 이번엔 이벤트 핸들러에 대해 배워봅시다. Vue.js의 이벤트 핸들러란? 사용자의 클릭, 요소 위로 마우스를 올리거나 입력 필드에 타이핑하는 등 특정 이벤트가 발생할 때, 실행되는 메서드 or 함수입니다. 버튼을 눌렀을 때, JS를 실행하려면 다음과 같이 입력하면 됩니다. v-on:click="JavaScript 문장" // v-on을 @로 사용할 수 있음 @click="JavaScript 문장" #1. 바로 실습해 봅시다. App.vue에 들어가 다음과 같이 입력하여, 버튼 이벤트를 생성해 줍시다. 허위매물신고 신고수 : {{ declareNo }} // → 브라우저에 들어가면, 버튼을 누를 때마다 숫자가 오르는..

• format_list_bulleted Front-End Study/Vue.js
• · 2024. 3. 8.
• textsms