TIL 23.08.28 기술 interview (5)~(6)

5. useRef에 대해 설명해주세요.

useRef 는 React hook 중 하나로, 컴포넌트의 렌더링과 상관없이 값을 일정하게 유지되게 한다. useRef 를 사용하여 DOM 요소에 접근하고, DOM 조작이나 이벤트 처리가 가능하다. 또한 이전 값을 저장해서 상태가 변경될 때 비교할 수 있다.

 

6. useEffect의 실행 순서에 대해 설명해주세요.

 

1. 컴포넌트가 렌더링 되면서 useEffect 훅이 실행된다.

2. useEffect 안에 전달된 콜백함수가 실행된다. 이는 최초 렌더링 될때와, 의존성배열 안의 값이 변경 될 때 실행된다.

3. 이전 렌더링 시 실행되었던 cleanup 함수가 실행된다. 이전 콜백함수에서 생성된 리소스를 정리하거나 이벤트 리스너를 제거하는 작업을 한다. 최초 렌더링 시에는 이전의 콜백함수가 없으므로 cleanup 단계는 생략된다.

4. 새로운 콜백함수가 실행된다. 이로 반환된 cleanup 함수를 저장하고, 다음 렌더링에서 콜백함수가 실행되면 이전에 저장한 cleanup 함수를 실행하여 이전에 생성된 리소스를 정리한다.