sinup.js 에서 useInput 의 useCallback 의... - 인프런

안녕하세요. 좋은 강좌 잘 듣고 있습니다.

아래 코드와 같이 useInput을 커스텀 훅으로 만들어 사용하셨는데요,

두번째 인자인 배열[]이 빈 배열이면 한번만 실행하게 되고, 배열 안에 비교할 부분이 들어가면 그것을 기준으로 비교하는 것으로 알고 있습니다.

그런데 아래와 같이 빈 배열일 경우 useCallback이 무엇을 기준으로 기억을 할 지 않할지 결정하는 건가요?

일단 코드 자체는 무리 없이 작동하는것 같습니다.

질문을 요약하면

1. useCallback에서 두번째 배열이 없을 시 어떻게 기존 상태와 비교를 하는지.

2. 만약 1번이 맞다면 이경우 한번만 실행되야 정상인데 왜 인풋을 할때마다 아무 이상없이 실행되는지 궁금합니다.

export const useInput = (initValue = null) => {
const [value, setter] = useState(initValue);
const handler = useCallback((e) => {
setter(e.target.value);
}, []);
return [value, handler];
};

인프런 커뮤니티 질문&답변

sinup.js 에서 useInput 의 useCallback 의 두번째 인자가 빈 배열인 이유가 궁금합니다.