서버 - 백엔드 사이에서 REQ와 RES가 오가는 방식

오직 서버에서만 실행되는 함수.

그러나 Page Router 버전의 Next 앱에서는 모든 컴포넌트가 Client Component로 동작한다.

(RSC payload 같은게 없다)

사전 렌더링 동안 서버에서 한번, 하이드레이션 하면서 클라에서 한번 더 실행된다. (총 2번)

따라서 아래와 같은 특수한 함수를 써주어야 서버에서만 실행된다.

다만, 일반 컴포넌트에서는 getStaticProps나 getServerSideProps 같은 Next.js의 특수한 데이터 페칭 함수를 사용할 수 없다.

따라서 최상단 Page 컴포넌트에서 데이터 페칭을 하면 그 값을 하위 컴포넌트로 전달하면서 props drilling이 발생하고, 이를 위해 context API를 사용해야한다.

SSR

서버에서 딱 한번만 실행.

브라우저에서 새로고침해도 재실행되지 않는다.

props객체 형태로 넘겨준다.