Next JS 13 적용해 보기 시리즈 2023.03.05 - [Library,Framework] - Next JS 13 적용해 보기 - App Routing 편 2023.08.15 - [Library,Framework] - Next JS 13 적용해 보기 - 데이터 불러오기 Data Fetching 편 이번 Next JS 13 적용해보기 시리즈에서는 navigation, sidebar, footer 등 여러 페이지에서 공통적으로 사용될 수 있는 레이아웃을 만들고 사용해 보도록 하겠습니다. Next JS 13 이전 버전에서 공통 레이아웃 적용 방법은 아래 글을 참고 해주시길 바랍니다. [NEXT.js] 넥스트 JS를 배워보자 2편 - 공통 레이아웃 오늘은 Next JS에서 공통된 레이아웃 (Header,..

2023.03.05 - [Library, Framework] - Next JS 13 적용해 보기 - App Routing 편 이번 Next JS 13 적용해 보기 시리즈에서는 서버에서 데이터를 불러오는 data fetching 방법에 대해서 알아보도록 하겠습니다. Next JS 13 이전 버전에서는 getStaticProps이나 getServerSideProps라는 메서드를 사용하면 data fetching 및 사전에 각 페이지의 HTML을 생성해 두는 Pre-rendering이 가능했습니다. 사실 이름만 복잡하지 막상 사용해 보면 크게 사용하기 힘든 점은 없었으나 처음 Next JS를 접했을 때는 어렵게 느껴질 수도 있을 법만 한 것들이기도 하고 React 18에 Server Component와 Cli..