본문 바로가기
Front-End

[Next.js] Server Actions and Mutations

by Judy 2025. 5. 29.

서버액션 (Server Actions)

비동기 함수인데, 서버에서 실행된 함수

즉, 브라우저에서 실행되는 리액트 같은 클라이언트 컴포넌트가 구분지어져 있는데, 파일 최상단에 'use Server' 혹은 'use client' 라고 붙어있는 컴포넌트들을 말합니다.

// 서버 컴포넌트
'use server'

// 클라이언트 컴포넌트
'use client'
'use server'

export async function create() {
	// 이 파일에 있는 모든 코드들은 서버에서 동작하게 된다.
}
import { create } from '@/app/actions';

export function Component() {
	return (
    	// 
    )
}

'Front-End' 카테고리의 다른 글

undefined와 null의 차이점에 대해서 설명해주세요.  (2) 2025.07.22
[Front-End] Flutter  (0) 2024.05.15
[Front-End] FSD  (0) 2024.04.03
[Front-End] nvm(npm/node) 설치  (0) 2024.03.17
Next.js 13 버전과 14버전의 차이  (0) 2023.12.18