Next.js 기초
App Router, Server Components, Client Components, 파일 기반 라우팅, 레이아웃, 페이지
25 면접 질문·
Mid-Level
1Next.js의 App Router란 무엇인가요?
1
Next.js의 App Router란 무엇인가요?
답변
App Router는 app/ 디렉토리를 기반으로 하는 Next.js 13+의 새로운 라우팅 시스템입니다. Pages Router를 대체하며 기본적으로 Server Components, 공유 레이아웃, page.tsx, layout.tsx, loading.tsx 같은 파일 규칙을 가진 더 유연한 라우팅 모델을 도입합니다.
2App Router에서 /about 라우트를 어떻게 만드나요?
2
App Router에서 /about 라우트를 어떻게 만드나요?
답변
App Router에서 각 폴더는 라우트 세그먼트를 나타냅니다. /about을 만들려면 app/about/page.tsx를 생성합니다. page.tsx 파일은 라우트를 공개적으로 접근 가능하게 만들기 위해 필요합니다. 이 파일 없이는 폴더가 표시되는 페이지 없이 경로 세그먼트만 됩니다.
3App Router에서 컴포넌트의 기본 동작은 무엇인가요?
3
App Router에서 컴포넌트의 기본 동작은 무엇인가요?
답변
App Router에서 모든 컴포넌트는 기본적으로 Server Components입니다. 이들은 서버에서만 실행되어 클라이언트에 JavaScript를 보내지 않아 성능이 향상됩니다. 클라이언트 기능(hooks, 이벤트)을 사용하려면 파일 맨 위에 'use client' 지시문을 추가해야 합니다.
4
App Router에서 동적 라우트 /posts/[id]를 어떻게 만드나요?
5
App Router에서 layout.tsx 파일의 목적은 무엇인가요?
+22 면접 질문
기타 React / Next.js 면접 주제
JavaScript 기초
Junior
25개 질문React 기초
Junior
20개 질문React Hooks
Junior
22개 질문컴포넌트 라이프사이클
Junior
18개 질문React Router
Junior
20개 질문Context를 활용한 상태 관리
Junior
18개 질문폼과 Controlled Components
Mid-Level
20개 질문데이터 가져오기 및 API
Mid-Level
20개 질문React Query (TanStack Query)
Mid-Level
20개 질문Styling & CSS-in-JS
Mid-Level
18개 질문TypeScript와 React
Mid-Level
20개 질문Next.js 데이터 페칭
Mid-Level
24개 질문Next.js Server Actions
Mid-Level
20개 질문Next.js 라우팅 및 내비게이션
Mid-Level
22개 질문Next.js API Routes
Mid-Level
20개 질문Next.js Metadata & SEO
Mid-Level
18개 질문Next.js Middleware 및 Auth
Mid-Level
22개 질문React 테스트
Mid-Level
20개 질문Zustand State Management
Mid-Level
18개 질문React 성능 최적화
Senior
22개 질문Error Boundaries & 에러 핸들링
Senior
18개 질문Advanced React Patterns
Senior
20개 질문Next.js 고급 기능
Senior
24개 질문Next.js 배포 및 프로덕션
Senior
20개 질문아키텍처 & 디자인 패턴
Senior
22개 질문React Server Components
Senior
26개 질문Next.js 국제화
Senior
20개 질문React 보안 & 모범 사례
Senior
22개 질문