inflearn logo
강의

Course

Instructor

Developing a Tech Blog with React-Based Gatsby

Implementing a responsive design for your post page

const BackgroundImage 질문

209

Pumpkin-man

3 asked

1

const BackgroundImage = styled((props: GatsbyImgProps) => (
  <Img {...props} style={{ position: 'absolute' }} />
))`

위 코드에서 Img {...props}가 아니라 GatsbyImage가 맞는것 아닌지 문의 드립니다. Img가 defined 되지 않았다고 뜨네요.

 

 

Gatsby blog

Answer 1

1

ji5485

안녕하세요, Pumpkin-man님!

확인해보니 GatsbyImage 컴포넌트를 사용하는 것이 올바른 코드입니다.

강의 업데이트 과정에서 빠진 부분이 있었네요 ㅠㅠ 강의 수강 중 불편함 드려 죄송합니다.

해당 부분은 바로 수정 진행하겠습니다! 잘못된 부분 지적해주셔서 감사합니다 :)

쿼리오류 Field "thumbnail" must not have a selection...

1

852

1

타입스크립트를 설정할 때 jsxPragma 옵션을 뺀 이유는 무엇인가요?

1

585

1

마지막 배포 부분 질문드립니다!

1

617

1

'[username]/[username].github.io' -> 'username/reponame'

0

337

0

IntersectionObserver deploy( gatsby build) 시 오류(자답)

1

387

1

PostHead.tsx BackgroundImage 동작오류(자답)

1

288

0

19강 인피니티 스크롤 IntersectionObserver 코드 위치 수정이 필요합니다.

1

402

1

썸네일 이미지 제작 및 학습 방법 관련 문의

1

436

1

배포 후 포스트 업로드 방법

1

378

1

배포 질문이요!

1

512

1

gatsby develop 오류

1

931

1

깃허브 레퍼지토리 질문드려요

1

339

1

특정 게시글을 클릭하여 상세 페이지로 넘어가는 과정과 SPA에 관한 질문

1

280

1

Unhandled Runtime Error 가 뜹니다

0

502

2

sign in with GitHub 클릭 시

1

392

3

동작 반복 시 오류

1

350

2

오타 문의

1

299

2

Props로 받아 포스트 데이터 출력하기가 안됩니다.

1

199

1

index.tsx allMarkdownRemark 에러..

0

591

2

스네이크 케이스로 변수명을 짓는 이유

1

248

1

'Tagged Template Literal 방식을 통해 정의한 CSS 적용 방법'에서 발생하는 문제

3

343

2

상단 이미지를 썸네일 사용하지않고 다른 이미지를 쓰고싶습니다

1

279

1

여기까지 했는데 runtime 에러가 발생합니다

2

278

1

index.tsx오류

2

451

1