useCallback 사용
const search = useCallback(query => {
setselectedVideo(null)
youtube
.search(query)
.then(videos => setVideos(videos))
}, [])
함수형 컴포넌트 생성 시에, 호출할때 생성되기 때문에 프롭이
변경됐다 인지 -> useCallback 사용하여 두번쨰 인자를 빈 배열로
두어 초기 1번만 호출
메모리에 보관되기 때문에 정말 필요할때 사용!