1. gatsby-plugin-image를 셋팅하고
메인 페이지 컴포넌트에서 썸네일 이미지 데이터 쿼리하기
에서 index,tsx에서 graphql 부분을 수정 한 다음 입니다.
이렇게 쿼리문이 변경됨에 따라 IndexPage 컴포넌트의 Props 타입도 변경해주어야 하는데, 해당 부분은 PostItem.types.ts
파일에 존재합니다.
따라서 아래와 같이 코드를 변경해주어야 합니다.
▶ src/pages/index.tsx
대상 파일이 src/types/PostItem.types.ts로 수정 되어야 합니다.
2. 프로필 이미지 파일 lazy를 적용하는 과정에서 index.tsx를 수정시
type IndexPageProps = { data: { allMarkdownRemark: { edges: PostType[] } file: { childImageSharp: { gatsbyImageData: IGatsbyImageData } } } }
에서 edges : PostType[]으로 두니 lint로 잡네요
PostListItemType로 변경하니깐 빨간줄이 사라집니다.
제가 작성한 부분이 잘못 되었다면 댓글로 알려주세요 :)
안녕하세요, amuro_ray님!
잘못된 부분 짚어주셔서 정말 감사드립니다 ㅠㅠ
그동안 잘못된 부분이 있다는 글을 봐도 어디인지 찾지 못하고 있었는데
덕분에 올바르게 강의 업데이트 진행할 수 있었습니다.
다시 한 번 감사드립니다 :D
답글