Next.js Server Actions
Server Actions, useFormState, useFormStatus, 뮤테이션, 점진적 향상, 재검증
20 면접 질문·
Mid-Level
1Next.js에서 Server Action이란 무엇인가요?
1
Next.js에서 Server Action이란 무엇인가요?
답변
Server Action은 서버에서만 실행되는 비동기 함수로, Client 또는 Server 컴포넌트에서 직접 호출할 수 있습니다. 명시적인 API route 없이 데이터 뮤테이션(POST, PUT, DELETE)을 처리합니다. Server Actions는 API route + 클라이언트 측 fetch 호출의 중복을 방지하여 코드를 단순화합니다.
2별도 파일에서 Server Action을 선언하는 방법은?
2
별도 파일에서 Server Action을 선언하는 방법은?
답변
별도 파일에 Server Action을 만들려면 파일 상단에 'use server' 지시자를 추가하고 async 함수를 export 합니다. 이 방식은 재사용성과 관심사 분리를 위해 권장됩니다. 함수는 이후 모든 Client 또는 Server 컴포넌트에 import할 수 있습니다.
3Server Action과 API route의 차이점은 무엇인가요?
3
Server Action과 API route의 차이점은 무엇인가요?
답변
Server Actions는 명시적인 REST 엔드포인트 없이 컴포넌트에서 직접 호출할 수 있는 반면, API routes는 HTTP 호출(fetch)이 필요합니다. Server Actions는 route + 클라이언트 호출 중복을 피해 코드를 단순화합니다. 간단한 뮤테이션에 최적이지만, 공개 엔드포인트나 webhook에는 API routes가 여전히 유용합니다.
4
HTML 폼에서 Server Action을 사용하는 방법은?
5
Server Action이 폼에서 받는 데이터 타입은 무엇인가요?
+17 면접 질문
기타 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개 질문Next.js 기초
Mid-Level
25개 질문TypeScript와 React
Mid-Level
20개 질문Next.js 데이터 페칭
Mid-Level
24개 질문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개 질문