일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- client components
- js
- image component
- createbrowserrouter
- 타입스크립트
- 3진법 뒤집기
- 자바스크립트
- @tailwind
- dynamic pages
- supabase realtime
- iron-session
- @tailwind utility
- revalidatetag
- interceptor routes
- sever action
- unstable_nostore
- server components
- CSS
- revalidatepath
- static pages
- 클로저
- render phase
- 리액트
- RECOIL
- 프로그래머스
- @tailwind components
- @tailwind base
- SSR
- sever components
- commit phase
Archives
- Today
- Total
개발하는 너구리
sever action 본문
개념
서버 액션은 Next.js 애플리케이션의 서버 측에서 실행되는 비동기 함수입니다. 이러한 함수는 데이터 변경과 폼 제출을 관리하는 데 사용됩니다. 유저로부터 받은 입력값을 서버 액션을 통해 서버에서 데이터를 처리하고 결과를 클라이언트에게 전달할 수 있습니다.
필요성 및 주요기능
웹 애플리케이션에서 폼 제출과 데이터 관리는 매우 중요합니다. 사용자의 입력을 효과적으로 처리하고 데이터의 일관성을 유지하는 것은 어플리케이션의 안정성과 사용자 경험을 크게 향상시킬 수 있습니다. 서버 액션은 다음과 같은 기능을 제공합니다.
폼 제출 처리: 서버 액션은 <form> 태그와 연동되어 폼 제출을 처리합니다. 이를 통해 서버 측에서 사용자 입력을 받아 필요한 작업을 수행할 수 있습니다.
데이터 변형: 데이터를 생성, 수정, 삭제하는 등의 변형 작업을 서버에서 처리합니다. 이 과정에서 데이터의 무결성을 보장하고, 필요한 경우 캐시를 재검증하여 최신 데이터를 사용자에게 제공할 수 있습니다.
클라이언트와 서버 컴포넌트 간의 재사용: 서버 액션은 클라이언트 컴포넌트와 서버 컴포넌트 모두에서 사용할 수 있으며, use server 지시어를 통해 간단하게 설정할 수 있습니다.
비동기 처리: 서버 액션은 비동기적으로 실행되므로, 서버와 클라이언트 간의 통신 동안 사용자 인터페이스가 멈추지 않고, 사용자는 애플리케이션을 계속 사용할 수 있습니다.
이러한 기능들은 서버 액션을 통해 웹 애플리케이션의 성능을 향상시키고 사용자 경험을 개선하는 데 중요한 역할을 합니다.
'TIL' 카테고리의 다른 글
Caching, Pages, Components (0) | 2024.07.09 |
---|---|
interceptor routes , parallel routes (0) | 2024.07.05 |
bcrypt, iron-session (0) | 2024.07.02 |
prisma (0) | 2024.07.02 |
zod (0) | 2024.06.28 |