Next.js Server Actions Simply Explained in just 5 Minutes
- Next.js 서버 액션은 간편한 함수로, 타입스크립트 기반의 안전한 원격 프로시저 호출 기능을 제공합니다. 🚀
use server
를 사용하여 서버 액션 파일을 생성하고, 비동기 함수(async
)로 데이터 처리를 수행합니다. ⚙️
- 클라이언트에서 서버 액션을 호출할 때는
use effect
와 같은 비동기 처리가 필요하지만, 서버 컴포넌트에서는 간편하게 사용 가능합니다. 💻
- 서버 액션은 다른 컴포넌트에 전달 가능하지만, 이름 충돌 방지를 위해
action
접미사를 사용하는 것이 좋습니다. 🔄
- 서버 액션은 폼의
action
속성에 지정하여 사용할 수 있으며, 데이터 전송 및 처리에 편리합니다. 📝
- 서버 액션은 기본적으로 API 호출과 같으나, Next.js는 사용되지 않는 액션을 제거하고 암호화된 ID를 생성하여 보안을 강화합니다. 🔒
- 보안 강화를 위해 환경 변수
Next_server_actions_encryption_key
를 사용할 수 있습니다. 🛡️