React 기초 퀴즈

Question 1

state를 바꿀 때 직접 수정하면 안 되는 이유는?

Accepted Answer

리렌더가 트리거되지 않는다 — 상태를 직접 변경하면 React가 변경을 감지하지 못해 리렌더가 일어나지 않습니다. 반드시 `setState`/`set함수`로 새 값을 전달해야 합니다.

Answer

문법 오류가 난다

Answer

느려진다

Answer

상관없다

Question 2

`useEffect`의 의존성 배열에 `[]`를 주면?

Accepted Answer

마운트 시 한 번만 실행 — `[]`는 의존성이 없다는 뜻이라 마운트 직후 한 번만 실행됩니다. 배열을 생략하면 매 렌더마다 실행됩니다.

Answer

매 렌더마다 실행

Answer

실행되지 않음

Answer

언마운트 때만

Question 3

리스트 렌더링에서 `key`가 필요한 이유는?

Accepted Answer

어떤 항목이 변했는지 React가 효율적으로 구분하기 위해 — key는 React가 항목의 추가/삭제/이동을 식별해 최소한으로 DOM을 갱신하도록 돕습니다. 인덱스 key는 순서가 바뀌면 문제가 될 수 있습니다.

Answer

디자인 때문

Answer

필수가 아니다

Answer

정렬을 위해

Question 4

props는 자식 컴포넌트에서?

Accepted Answer

읽기 전용 — props는 읽기 전용입니다. 값을 바꾸려면 부모가 내려준 콜백을 호출해 부모의 상태를 변경해야 합니다(단방향 데이터 흐름).

Answer

수정 가능

Answer

삭제 가능

Answer

양방향 바인딩

Question 5

훅(Hook)을 호출할 수 없는 곳은?

Accepted Answer

조건문/반복문 안 — 훅은 매 렌더마다 같은 순서로 호출돼야 하므로 조건문·반복문·중첩 함수 안에서 호출하면 안 됩니다.

Answer

컴포넌트 최상위

Answer

커스텀 훅 안

Answer

함수 컴포넌트 본문