React 연습

const [keyword, setKeyword] = useState("");
const onChange = (event) => setKeyword/*4*/(event.target.value/*3*/);/*2*/
...
return(
    <div>
        <input
            value={keyword}/*5*/
            onChange={onChange}/*1*/
            type="text"
            placeholder="Search here..."
        />
    </div>
)

1. input을 만들고 event listener을 연결한다.

2. onChange function이 작동할 때 argument로 event를 받는다.

3. event를 발생시킨 input에서 value를 받는다.

4. 받은 value를 'keyword' state에 넣는다.

5. keyword를 가져와 input의 value로 사용한다.