Next.js의 데이터 가져오기 방법은?

Next.js에서 페이지를 렌더링할 때, 서버에서 데이터를 가져오는 여러 방법이 있습니다. 그중 하나인 'getServerSideProps'는 매 요청마다 서버에서 데이터를 미리 가져와 페이지를 동적으로 생성하는 기능을 합니다. 다른 데이터 가져오기 방법들도 있지만, 이 방식의 특징은 무엇인지 다음 선택지 중에서 고르세요.

JAVASCRIPT

export async function getServerSideProps(context) {
  const res = await fetch(`https://api.example.com/data`);
  const data = await res.json();

  return {
    props: { data }, // 이 props는 페이지 컴포넌트에 전달됩니다.
  };
}

답변

매 요청마다 서버에서 실행됨 클라이언트 측에서만 호출됨 데이터를 캐싱할 수 없음 정적 생성 시에만 사용 가능

로그인 후 제출하기