1. 이벤트 처리하기 이벤트란 웹 페이지에서 일어나는 사용자의 행위로, 버튼 클릭, 페이지 스크롤, 새로고침 등이 있다. 예를 들면, 사용자가 버튼을 클릭한 경우 버튼 클릭 이벤트, 텍스트를 입력하면 텍스트 변경 이벤트가 발생했다고 표현한다. [ 이벤트 핸들링과 이벤트 핸들러 ] 이벤트 핸들링은 이벤트가 발생하면 특정 코드가 동작하도록 만드는 작업을 말한다. 다음 코드는 리액트를 사용하지 않고 HTML과 자바스크립트만트로 이벤트를 핸들링한 예시이다. Click Me! 이 코드는 페이지에 버튼을 클릭하는 이벤트가 발생하면 handleOnClick 함수가 실행되어 "button clicked!"라는 경고 대화상자를 페이지에 표시한다. 이때, 함수 handleOnClick을 이벤트를 처리하는 함수라는 의미에서..

24-25/React.js 2 2024. 11. 15. 10:00

이벤트 처리하기 이벤트란 웹 페이지에서 일어나는 사용자의 행위로 버튼 클릭, 페이지 스크롤, 새로고침 등의 행위에 해당합니다. 이벤트 핸들링과 이벤트 핸들러 이벤트 핸들링 : 이벤트가 발생하면 특정 코드가 동작하도록 만드는 작업 이벤트 핸들러 : 이벤트를 처리하는 함수 ex. 리액트 사용하지 않고 HTML과 자바스크립트만으로 이벤트를 핸들링 Click Me! 함수 handleOnClick ⇒ 이벤트를 처리하는 함수로 이벤트 핸들러입니다. 리액트의 이벤트 핸들러 ex. Body 컴포넌트에 버튼 하나 만들고 버튼을 클릭하는 이벤트가 발생하면 실행되는 이벤트 핸들러를 만듭니다. function Body() { function handleOnClick() { alert("버튼을 클릭하셨군요!"); } // 함수..

23-24/React.js 1 2023. 11. 10. 10:00