getStaticProps
-
[NextJS] getStaticPathsProgramming/JavaScript & TypeScript 2022. 9. 7. 10:02
Dynamic Router 사용중에는 getStaticPaths가 필요하다. getStaticPaths는 빌드시에 static하게 페이지를 생성한다. */photos/[id]/index.tsx 에서 id값에 따라서 dynamic하게 페이지를 생성한다. 즉, id값이 바뀜에 따라서 내부에서 가져오는 api의 값도 달라진다. getStaticPaths에서 params에 넘긴 정보는 getStaticProps에서 context.params안에 들어 있는데, 지금 문제가 이걸 꺼낼때 오류가 발생한다..왜냐하면 context는 ParsedUrlQuery type인데 이 안에 우리가 getStaticPaths에서 넣어준 type이 없다.. 그래서 ParsedUrlQuery를 확장해서 우리가 넣어준 타입을 넣고,in..
-
[NextJS] getServerSideProps, getStaticProps 사용Programming/JavaScript & TypeScript 2022. 9. 7. 08:07
NextJS를 Typescript로 사용하는 것은 항상 타입에 대한 고민을 하게 된다. 대부분 JS로 예제가 많아서 getServerSideProps, getStaticProps의 타입을 적어둔다. server-side-rendering은 페이지가 들어와서 서버에 데이터를 요청할 때마다 갱신 static-side-rendering은 빌드타임에 한번만 서버에서 가져온 데이터를 가져오고, 그걸 local에 보관 근데, NextJS는 왜 static-side를 추천하는것인지...의문임 -> revalidate 를 이용해서 특정 시간 후에 계속 갱신할 수 있는 옵션이 있었음!!!!!!그러면 이걸 써야지... -> props뒤에 revalidate를 사용하자 코드만 간단히 적어둔다. 큰 차이는 props를 받는 ..