♣ useEffect 코드 중 return 질문입니다

코드 먼저 설명드리겠습니다
지금은 계산기 내부의 코드로써, handleKeyDown함수는 키보드로 123을 누르면
계산기 input창에 123(displayValue)이 입력되는 함수입니다

질문입니다,
return () => { ABC } 가 있을 경우에는
'ABC' 부분이 먼저 실행된 이후에 useEffect 내부의 함수가 실행된다고 알고있습니다
그런데 위의 사진처럼 코드가 짜여있으면, 페이지가 렌더링되자마자
1. handleKeyDown이란 함수를 없앤다음에
2. handleKeyDown이란 함수를 생성시키는 행위 아닌가요?

없앤다음에 생성시켰는데 어떻게 실행이 되는걸까요?