SSG, SSR의 차이점을 문제를 통해 정리

요약 🖊️

1. 동적으로 업데이트 되지 않음 → 공개/비공개 설정이 적용되지 않음

2. 이미지가 사라짐(Notion API는 1시간 후에 만료되는 AWS 링크를 사용해서 이미지가 배포 후 1시간 후에 만료됩니다.)

개요 📜

getStaticProps와 getServerSideProps 정리

Static Generation (getStaticProps)

SSR (getServerSideProps)

발생한 문제 🚨

1. Notion에서 사용 중인 DB에서 Published설정을 했을 때 업데이트 되지 않음
- Published가 체크되어 있는데 목록에서는 보이지 않는다.

1. 블로그 이미지가 AWS 링크를 사용해서 이미지가 배포된 후 1시간 후에 만료됨

해결과정 😀

const Post = ({
  title,
  recordMap,
}: InferGetServerSidePropsType<typeof getServerSideProps>) => {

  return (
    <>
			//... Post HTML
    </>
  );
};

export const getServerSideProps: GetServerSideProps = async (context) => {
 // ================getStaticProps => getServerSideProps
  const notionService = new NotionService();

  // @ts-ignore
  const recordMap = await notionService.getSingleBlogPost(context.params?.slug);
  const title = getPageTitle(recordMap);

  if (!recordMap) {
    throw '';
  }

  return {
    props: {
      recordMap,
      title,
    },
  };
};

export default Post;

회고 🔍

[번역] 엘든링에서 배운 프로그래밍 학습에 필요한 7가지

본 글은 https://qiita.com/karamage/items/d0b323ac0143a9f51ebb#comment-3684cf80803cd111fbc9 의 카라마게님의 글을 번역한 것입니다. 허락을 받고 번역했습니다. 엘든링의 요소가 많이 들어가 있으며, 참고정도로 봐주시면 좋을듯 합니다. 아아...휴일이다. 빛바랜 자는 엘든링에 부지런히 힘쓸 시간이지. 밤, 엘든링을 하고서, 할 맘을 잃었어... 이 앞에, 프로그래밍 학습 공략과 이어지는 중요한 아이템이 7가 있다고. 굉장한 무언가라고 생각하겠지? 아래의 글을 봐주시게나!

https://velog.io/@kanikim/%EB%B2%88%EC%97%AD-%EC%97%98%EB%93%A0%EB%A7%81%EC%97%90%EC%84%9C-%EB%B0%B0%EC%9A%B4-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D-%ED%95%99%EC%8A%B5%EC%97%90-%ED%95%84%EC%9A%94%ED%95%9C-7%EA%B0%80%EC%A7%80#5-%EC%8B%A4%EC%A0%84%EC%97%90%EC%84%9C-%EC%A3%BD%EC%96%B4%EA%B0%80%EB%A9%B4%EC%84%9C-%EB%AA%B8%EC%97%90-%EC%9D%B5%ED%9E%88%EC%9E%90