기술문제 면접(React 라이브러리에서 제공하는 기본 내장 API 함수에 대해서 설명해주세요. (ex. useEffect, useCallback))

React

React 라이브러리에서 제공하는 기본 내장 API 함수에 대해서 설명해주세요. (ex. useEffect, useCallback)

usestate

react 16.8 이후 버전에서 hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다.

컴포넌트의 상태(state)를 관리 할 수 있다.
상태가 변경되면 React에서 이를 감지하고 바뀐 정보에 따라 화면을 보여준다.
하나의 usestate함수는 하나의 상태값만 관리 할 수 있으며 만약 컴포넌트에서 관리해야 할 상태가 여러개라면 usestate를 여러번 호출해야한다.

useEffect

어떤 변수가 변경될때마다, 특정기능이 작동하도록 할 수 있다.

useCallback

특정 함수를 새로 만들지 않고 재사용하고 싶을 때 사용한다.

언뜻 useMemo랑 헷갈릴 수 있는데 차이점을 알아보자

usememo

메모이제이션된 함수를 실행하고 "값"을 반환

usecallback

메모이제이션된 "함수"를 반환
공식 홈페이지에서 보면 usecallback은 메모이제이션된 콜백을 반환한다고 나와있는데 콜백함수를 메모리에 올려놓고 사용한다는 식으로 이해하면 될 것 같다.