React의 input 값을 vanilla javascript로 변경하기

최근에 react로 되어 있는 웹페이지를 chrome extension으로 이벤트를 처리할 일이 생겼다. chrome extension은 react가 아닌 pure javascript 코드로 되어 있다. 그래서 pure javascript로 react의 input에 값을 세팅하고 이벤트를 발생시키는 방법을 찾다가 정리하게 된 글이다. 예를 들어 다음과 같은 React form이 있다고 하자. 소스코드는 아래와 같이 간단하게 구성할 수 있다. export default function Login() { const [email, setEmail] = useState(""); function handleEmailChange(event) { console.log("email change"); setEmail(e..