문제 1/

ref를 사용하면 좋은 상황 예시를 간단하게 3가지만 적어주세요

• 정답

문제 2/

클래스형 컴포넌트에서는 createRef()를 사용하고, 함수형 컴포넌트에서는 useRef()를 사용합니다

만약 다음과 같이 함수형 컴포넌트 내에서 createRef()를 사용하고 button(rerender)을 5번 클릭했을 때 어떤 결과가 발생할까요??

const Example = () => {
  const ref = createRef(null);
  const [shouldRerender, setShouldRerender] = useState(false);

  useEffect(() => {
    console.log(ref);
  }, [ref]);

  const rerender = () => {
    setShouldRerender(!shouldRerender);
  };

  return (
    <div>
      <div ref={ref}> Example </div>
      <button onClick={rerender}> rerender </button>
    </div>
  );
};

• 정답

문제 3/

1. ReactDOM.createPortal(child, container) 의 두 번째 인자는 React App 내부의 엘리먼트여야한다 (O/X)

2. 포탈로 만든 엘리먼트는 실제 돔 트리 구조를 따른다 (O/X)

• 정답