[Frontend] 기술면접 준비 3

오늘

기술면접 준비

 

 

🤔오늘의 질문 1 

useRef에 대해 설명해주세요.

 

 

 

🙋내가 생각한 답변

useRef는 리액트 hook으로 DOM 요소 참조를 생성하고 관리하는 데 사용합니다. useRef는 객체를 반환하는데 객체 내부에 current라는 프로퍼티를 인자를 전달하여 초기값(InitialValue)으로 설정할 수 있습니다. useRef로 관리하는 변수는 값이 바뀐다고 해서 컴포넌트가 리렌더링되지 않습니다. useRef로 DOM을 선택하는 방법은 useRef()를 사용하여 Ref 객체를 만들고 객체를 선택하고 싶은 DOM에 ref값으로 설정합니다.  (ref={refObject}) 그럼 Ref객체의 .current값은 DOM을 가리키게 됩니다.

 

 

 

✅답변 Keyword 및 모범답안

 

 

 

 

 

🤔오늘의 질문 2

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

 

 

 

🙋내가 생각한 답변

useEffect는 side effects를 처리하는 hook으로 side effects는 컴포넌트 렌더링과 직접적으로 관련이 없는 작업들을 말하며 (데이터 가져오기, DOM 조작 등) useEffect의 매개변수인 의존성 배열이 비어있으면 컴포넌트가 처음 마운트될 때만 실행되고 값이 있으면 해당 값들이 변경될 때마다 실행됩니다 [useEffect 실행 시점] 컴포넌트의 렌더링이 완료된 후에 실행됩니다. 렌더링 후 실행되기 때문에 DOM 요소에 대한 참조나 상태 변경 등에 사용됩니다. 1. 함수 컴포넌트 내에서 선언된 변수, 상태(state), 이벤트 핸들러 등의 코드가 실행 > 2. Return 문 실행 > 3. useEffect 실행

 

 

 

✅답변 Keyword 및 모범답안

 

 

 

 

 

매주 수 오후 14시 

답변 Keyword 및 모범답안 공개