Question 1

React 컴포넌트에서 mounting이란 무엇인가요?

Accepted Answer

마운팅은 컴포넌트가 처음으로 생성되어 DOM에 삽입되는 단계입니다. 이 단계에서 React는 state를 초기화하고, 생성 코드를 실행하며 첫 번째 렌더링을 수행합니다. useEffect를 통해 API 호출을 시작하거나 구독을 초기화하기에 가장 적합한 순간입니다.

Question 2

React 컴포넌트에서 unmounting이란 무엇인가요?

Accepted Answer

언마운팅은 컴포넌트가 DOM에서 제거되어 소멸되는 단계입니다. 이 단계는 라우트 변경이나 렌더링 조건 등으로 컴포넌트가 더 이상 필요하지 않을 때 발생합니다. 리소스를 정리하는 중요한 순간입니다: 타이머 취소, WebSocket 연결 닫기, 메모리 누수 방지를 위한 event listener 제거를 수행합니다.

Question 3

기본적으로 useEffect에 전달된 함수는 언제 실행되나요?

Accepted Answer

기본적으로 useEffect는 첫 번째 렌더링을 포함한 모든 컴포넌트 렌더링 후에 실행됩니다. 이 비동기 실행은 사용자 인터페이스를 차단하지 않습니다. 이 동작을 제어하려면 두 번째 인수로 의존성 배열을 사용하여 특정 값이 변경될 때만 실행을 제한할 수 있습니다.

컴포넌트 라이프사이클

React 컴포넌트에서 mounting이란 무엇인가요?

답변

React 컴포넌트에서 unmounting이란 무엇인가요?

답변

기본적으로 useEffect에 전달된 함수는 언제 실행되나요?

답변

useEffect에서 의존성 배열의 목적은 무엇인가요?

useEffect에 의존성으로 빈 배열 []을 전달하는 것은 무엇을 의미하나요?

기타 React / Next.js 면접 주제

JavaScript 기초

React 기초

React Hooks

React Router

Context를 활용한 상태 관리

폼과 Controlled Components

데이터 가져오기 및 API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js 기초

TypeScript와 React

Next.js 데이터 페칭

Next.js Server Actions

Next.js 라우팅 및 내비게이션

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware 및 Auth

React 테스트

Zustand State Management

React 성능 최적화

Error Boundaries & 에러 핸들링

Advanced React Patterns

Next.js 고급 기능

Next.js 배포 및 프로덕션

아키텍처 & 디자인 패턴

React Server Components

Next.js 국제화

React 보안 & 모범 사례

다음 면접을 위해 React / Next.js을 마스터하세요