매개변수 전달 시 Event 객체

어떤 함수 func가 있고, 이 함수를 이벤트 핸들러로 사용하고 싶다고 가정해 봅시다. 이 함수는 특정 매개변수를 받습니다:

function func(arg) {
	console.log(arg);
}

이 함수를 핸들러로 사용하며 매개변수를 전달해 봅시다:

function App() {
	function func(arg) {
		console.log(arg);
	}
	
	return <div>
		<button onClick={() => func('eee')}>act</button>
	</div>;
}

이제 매개변수 외에도 함수에서 Event 객체를 얻고 싶다면 다음과 같이 해야 합니다:

function App() {
	function func(arg, event) {
		console.log(arg, event);
	}
	
	return <div>
		<button onClick={event => func('eee', event)}>act</button>
	</div>;
}

위 코드가 어떻게 동작하는지 설명하세요.

주어진 코드를 함수가 두 개의 매개변수를 받도록 수정하세요.

이전 문제를 수정하여 이벤트 객체가 함수의 마지막이 아닌 첫 번째 매개변수로 전달되게 하세요.

이전 문제를 수정하여 이벤트 객체가 첫 번째와 세 번째 매개변수 사이, 즉 두 번째 매개변수로 전달되게 하세요.