1. 이벤트 처리하기 이벤트 : 웹 페이지에서 일어나는 사용자의 행위이다. ex) 버튼 클릭, 페이지 스크롤, 새로고침 등 이벤트 핸들링 : 이벤트가 발생하면 특정 코드가 동작하도록 만드는 작업이다. ex) 버튼을 클릭했을 때 경고 대화상자를 브라우저에 표시 function Body() { function handleOnClick() { alert("버튼을 클릭하셨군요!"); } return ( 클릭하세요 ); } export default Body; 이벤트 핸들러 표기에서 HTML은 onclick이지만 리액트는 카멜 케이스 문법에 따라 onClick으로 표기한다. Props로 전달할 값을 지정할 때처럼 onClick={} 문법으로 이벤트 핸들러를 설정한다. 이벤트 핸들러를 설정할 때는 함수 호출의 결괏..

23-24/React.js 2 2023. 11. 10. 17:39