개발관련/프론트엔드 지식
Next.js 이 4가지는 뭐가 다를까요? 🤔 getInitialProps / getServerSideProps / getStaticPaths / getStaticProps
여러분, 안녕하세요! Next.js 프레임워크로 멋진 웹사이트를 만들려는 분들을 위해, 제가 오늘 여러분들에게 Next.js에서 사용하는 4가지 데이터 가져오기 기법을 소개해드릴 거예요! 이 글을 통해 각각 어떻게 다른지 이해하고, 어떤 상황에 어떤 기능을 사용해야 하는지 파악해봅시다! 데이터 가져오기 네 가지 기법의 살짝 둘러보기 getInitialProps 🕵️♂️ - 요청 시점에 서버와 클라이언트 모두에서 실행됩니다. - 페이지의 초기 상태를 설정해줍니다. getServerSideProps 🏃♂️ - 요청 시점에 서버에서 실행되어 데이터를 가져옵니다. - 서버 사이드 렌더링(SSR)의 빛을 발합니다. getStaticPaths 🛣 - 빌드 시점에 정적 경로를 생성합니다. - 필요한 경로만 정적으..
