nextjs

action이란

순9 2024. 7. 29. 13:57
728x90

nextjs에서만 있느게 아니라 react에서도 있음

 

1.서버 action : 데이터베이스와 연관

- 서버에서 렌더링되고 클라이언트로 전달되는 컴포넌트

- 서버 측에서 데이터 로딩, 데이터베이스 쿼리, 외부 API 호출 등 서버 액션을 수행

- 서버 컴포넌트는 클라이언트 측에 전달되기 전에 서버에서 모든 데이터를 미리 가져오고 렌더링

- 데이터베이스에서 데이터 조회, 삽입, 수정, 삭제, 외부 API호출, 인증 권한처리

서버에서 파일업드, 다운

 

 

2.클라이언트 action

- 브라우저에서 실행되는 컴포넌트 

- 클라이언트 컴포넌트는 비동기 요청을 통해 서버와 상호작용

- 서버 측에서 처리된 데이터를 받아서 UI를 업데이트