Question 1

React Router에서 BrowserRouter란 무엇인가요?

Accepted Answer

BrowserRouter는 브라우저의 History API를 사용하여 해시 없는 깔끔한 URL을 생성합니다. URL에 #을 추가하는 HashRouter와 달리, BrowserRouter는 더 나은 사용자 경험과 SEO를 제공합니다. 하지만 프로덕션에서 라우트를 올바르게 처리하려면 서버 설정이 필요합니다.

Question 2

React Router에서 라우트를 정의하려면 어떤 컴포넌트를 사용해야 하나요?

Accepted Answer

Route 컴포넌트는 URL 경로와 표시할 컴포넌트 간의 매핑을 정의합니다. 올바르게 작동하려면 Routes 컴포넌트 내부에 배치해야 합니다. 각 Route는 URL이 일치할 때 렌더링할 path와 element를 지정합니다.

Question 3

React Router에서 Link 컴포넌트의 목적은 무엇인가요?

Accepted Answer

Link는 페이지를 새로 고침하지 않고 탐색 링크를 생성합니다. 기본 HTML <a> 태그와 달리 Link는 클릭을 가로채고 History API를 사용하여 URL을 변경합니다. 이렇게 하면 애플리케이션 상태가 보존되고 더 빠르고 부드러운 탐색이 제공됩니다.

React Router

React Router에서 BrowserRouter란 무엇인가요?

답변

React Router에서 라우트를 정의하려면 어떤 컴포넌트를 사용해야 하나요?

답변

React Router에서 Link 컴포넌트의 목적은 무엇인가요?

답변

Routes 컴포넌트의 역할은 무엇인가요?

/user/:id에서 :id와 같은 URL 파라미터를 어떻게 가져오나요?

기타 React / Next.js 면접 주제

JavaScript 기초

React 기초

React Hooks

컴포넌트 라이프사이클

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을 마스터하세요