inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React 기반 Gatsby로 기술 블로그 개발하기

gatsby-plugin-image 라이브러리로 최적화된 썸네일 사진 띄워주기

오타가 있는것 같네요

348

amuro_ray
1

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로 변경하니깐 빨간줄이 사라집니다.

 

제가 작성한 부분이 잘못 되었다면 댓글로 알려주세요 :)

오타

답변 1

0

주현도

안녕하세요, amuro_ray님!

잘못된 부분 짚어주셔서 정말 감사드립니다 ㅠㅠ

그동안 잘못된 부분이 있다는 글을 봐도 어디인지 찾지 못하고 있었는데

덕분에 올바르게 강의 업데이트 진행할 수 있었습니다.

다시 한 번 감사드립니다 :D

pdf 강의 자료에서 발견한 오타들 제보합니다

0

548

1

강의 자료에서 발견한 오타들 제보드립니다

1

960

1

pdf 자료에서 발견한 사소한 오타들 제보합니다

0

573

1

pdf 자료에서 발견한 오타와 코드 스니펫 개선점 제보합니다

0

514

1

pdf 자료 사소한 오타 발견한 것 제보합니다

0

403

1

pdf 자료에 있는 사소한 오타 제보합니다

0

443

1

중요한 오타는 아니지만 강의 자료를 읽다가 눈에 띄여서 남깁니다

0

409

1

타입 컨버터 오타발견입니다.

1

341

1

6.로그인 처리1- 쿠키, 세션.pdf 오타 제보

0

400

1

오타

0

450

1