[Next.js] App Router의 렌더링 전략 | CSR, SSR, SSG, ISR

Pages Router와 App Router의 렌더링 전략 구현 차이Pages Router를 사용했을 때는 `getServerSideProps`, `getStaticProps` 등을 사용했기 때문에API 이름만 봐도 렌더링 전략을 명확하게 구분할 수 있었다. 하지만 App Router에서는 더 이상 이러한 API를 사용하지 않고서버/클라이언트 컴포넌트, 그리고 `fetch()` 함수와 `cache`, `revalidate` 옵션을 조합하여 렌더링 전략을 구현한다. App Router를 사용하면서 생긴 의문App Router로 프로젝트를 구현하면서 `cache: 'force-cache'` 옵션을 사용했던 적이 있다. "빌드 시"에 HTML 파일을 생성할 의도는 없었고,그냥 데이터를 서버에서 불러오고, 추가..