[JQuery] 4장 JQuery 이벤트 처리

1. jQuery 기본 설정JQuery를 사용한 이벤트 처리는 웹 페이지에서 사용자 상호작용을 다루는 데 매우 유용하며, 다양한 이벤트를 쉽게 처리할 수 있는 메서드를 제공합니다. 먼저 jQuery를 페이지에 포함해야 합니다.  클릭하세요 이곳에 텍스트가 표시됨 2. 클릭 이벤트 처리버튼 클릭 시 텍스트를 변경하는 예제입니다.3. 마우스 이벤트 처리마우스 오버 및 마우스 아웃 이벤트를 처리합니다.$(document).ready(function () { $("#myButton").mouseover(function () { $(this).css("background-color", "yellow"); }) .mouseout(function ()..

• format_list_bulleted Back-End/JQuery
• · 2025. 3. 1.
• textsms

[React] 3장 이벤트 처리

1. 컴포넌트 파일 생성src 폴더 내 Event.js라는 파일을 생성해줍니다.src/└─2.Event└─-- index.js index.js에 클릭 이벤트 핸들러를 작성해주고 버튼을 클릭시 클릭한 수만큼 +1하는 코드를 작성해보겠습니다.import React, { useState } from 'react'function Event() { const [count,setCount] = useState(0); // 클릭 이벤트 처리 const handleClick = () => { setCount(count + 1); } return ( 클릭 수: {count} 증가 )}export default Event;useState 훅을 ..

• format_list_bulleted Front-End/ReactJS
• · 2025. 2. 22.
• textsms