01. Server Actions란?Server Actions는 Next.js 13에서 도입된 새로운 기능으로, 서버에서 직접 실행되는 비동기 함수이다.기존에는 데이터 가져오기(fetching)와 데이터 변경(mutation)을 위해 API 라우트를 설정하고, 클라이언트 컴포넌트에서 이를 호출하는 방식이 일반적이었다. 이 방식에서 클라이언트가 서버로 데이터를 요청할 때마다 별도의 네트워크 통신이 발생하고 API 요청 및 응답 처리를 위한 추가 코드가 필요했다.정리하자면,기존에는 서버 컴포넌트에서 fetching(데이터 읽기) 작업만 수행할 수 있었고, 데이터 변경 작업은 클라이언트 컴포넌트에서 처리해야 했다.만약 데이터를 변경하려면, 클라이언트 컴포넌트에서 API 요청을 만들어 서버로 데이터를 전송한 뒤..
Front-End/Next.js 2024. 11. 19. 16:32
01. Server Actions란?Server Actions는 Next.js 13에서 도입된 새로운 기능으로, 서버에서 직접 실행되는 비동기 함수이다.기존에는 데이터 가져오기(fetching)와 데이터 변경(mutation)을 위해 API 라우트를 설정하고, 클라이언트 컴포넌트에서 이를 호출하는 방식이 일반적이었다. 이 방식에서 클라이언트가 서버로 데이터를 요청할 때마다 별도의 네트워크 통신이 발생하고 API 요청 및 응답 처리를 위한 추가 코드가 필요했다.정리하자면,기존에는 서버 컴포넌트에서 fetching(데이터 읽기) 작업만 수행할 수 있었고, 데이터 변경 작업은 클라이언트 컴포넌트에서 처리해야 했다.만약 데이터를 변경하려면, 클라이언트 컴포넌트에서 API 요청을 만들어 서버로 데이터를 전송한 뒤..