inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

메인 페이지의 기본적인 틀 만들기

ProfileImage컴포넌트 질문드립니다.

333

const.takeo

작성한 질문수 29

0

애로우펑션을 이용할시 안되는데 특별한 이유가 있나요?

const ProfileImage = (): FunctionComponent => {
return <ProfileImageWrapper src={PROFILE_IMAGES} alt="Profile Image" />;
}

Gatsby blog

답변 4

0

Pumpkin-man

저도 GlobalStyle.tsx의 이미지 url에 <, >를 왜 붙이는지 궁금했는데, 뭔가 오류였나 보군요. Jewon님 덕분에 저도 해결했습니다 ㅎㅎ

0

JewonYeon

아 제가 질문 글을 따로 쓴다는 걸 const.takeo 님 댓글에 질문을 남겼었네요 죄송합니다 ㅠㅠ

답변 정말 감사합니다! 스스로 해결해보겠습니다 ㅎㅎ 

0

JewonYeon

삭제된 글입니다

1

const.takeo

404에러네요.. 즉 JewonYeon님이 서버에 잘못된 요청을 하고 있다는 이야기입니다.
URL이 잘못되지 않았는지 없는 리소스를 요청하고 있지는 않은지 한번 살펴보시는게 좋을것같아요

1

주현도

안녕하세요, JewonYeon님!

원인 파악을 위해 프로젝트가 업로드된 레포지토리 링크를 댓글로 달아주시면 감사하겠습니다.

일단 이미지 상으로 확인 가능한 부분은 폰트를 불러올 때 Google Font 링크 앞 부분에 추가적으로 로컬호스트 URL이 붙어 제대로 요청을 보내고 있지 못하는 상황이라는 점입니다.

아래 이미지와 같이 앞에 로컬호스트가 붙지 않아야 정상적으로 폰트를 불러올 수 있습니다.

 

0

주현도

안녕하세요, const.takeo님!

일단 해당 문제에 대해 제 개발 환경에서 확인해봤는데 정상적으로 작동하네요

혹시 어떻게 안되는지 자세하게 말씀해주실 수 있나요?

쿼리오류 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

501

2

sign in with GitHub 클릭 시

1

390

3

동작 반복 시 오류

1

349

2

const BackgroundImage 질문

1

209

1

오타 문의

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

277

1