질문 목록

• Next.js에서 하이드레이션(Hydration)이란 무엇인가요?

  서버에서 렌더된 HTML에 React 이벤트 핸들러를 연결하는 과정을 설명해주세요.

• Next.js란 무엇인가요?

  Next.js의 개념과 등장 이유를 설명하고, React와의 차이점을 설명해주세요.

• Context API는 언제 사용하나요?

  전역 상태가 필요한 상황과, 과도한 사용을 피하기 위한 주의사항을 설명해주세요.

• 리스트 렌더링 시 key 속성의 역할은 무엇인가요?

  고유한 키를 부여하지 않을 때 발생하는 문제와, 올바른 키 선택 기준을 설명해주세요.

• 리렌더링 최적화 기법은 무엇이 있나요?

  React.memo, useMemo, useCallback 사용 목적과 차이를 설명해주세요.

• useEffect 훅은 언제, 어떻게 사용하나요?

  의존성 배열 설정 원칙과 정리(cleanup) 함수 사용 시점을 설명해주세요.

• React state와 props의 차이점은 무엇인가요?

  컴포넌트 내부 상태 관리와 부모-자식 간 데이터 전달 방식 차이를 예시로 설명해주세요.

• React Virtual DOM이란 무엇인가요?

  실제 DOM 조작 비용을 줄이기 위해 React가 어떤 방식으로 변화만 반영하는지 설명해주세요.

• 얕은 복사(Shallow Copy) vs 깊은 복사(Deep Copy)의 차이점은 무엇인가요?

  객체·배열 복사 시 참조 타입 중첩 문제를 어떻게 해결하는지 예시와 함께 설명해주세요.

• 이벤트 루프(Event Loop)는 어떻게 동작하나요?

  콜 스택, 매크로태스크·마이크로태스크 큐 간 스케줄링 구조를 순서대로 설명해주세요.