TIL 02.01

반복문의 실행 과정: (begin) > condition > body > step

begin을 실행함
→ (condition이 truthy이면 → body를 실행한 후, step을 실행함)
→ (condition이 truthy이면 → body를 실행한 후, step을 실행함)
→ (condition이 truthy이면 → body를 실행한 후, step을 실행함)
→ ...

next.js를 vercel에서 만들었다는 것... 처음 알았다.
vercel로 배포까지 해봄!

router 혹은 Link로 page이동을 하는데,
db.json에 저장된 내용이 변경되더라도
(원하는 시간 후에) 바로 적용되려면
revalidate: num(원하는 시간. 설정해주는 대로 시간 걸림. 초 단위)를 적어주면 된다.

export async function getStaticProps(context) {
  const { id } = context.params;
  const response = await fetch(`db.json배포한 주소/${id}`);
  const post = await response.json();

  return {
    props: {
      post,
    },
    revalidate: 1,
  };

개발자모드(yarn dev)에서 yarn build할 때에도
npm run json-server 해줘야하는것,
배포할 때에도 db.json파일 따로 배포 해줘야 하는 것!
2가지 잊지말자.