inflearn logo
강의

Course

Instructor

Developing a Tech Blog with React-Based Gatsby

Implementing the Post List Part Component

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

439

k291760731

6 asked

1

강사님 정말 상세하게 써놓은 강의로 블로그 열심히 만들어보며 잘 배우고 있습니다.

다름 아니라 ...위와 같은 썸네일 이미지는 혹시 직접 제작하시는 건지

만든다면 어떤 툴을 사용해 만드시는지 궁금합니다.

그리고 CSS나 스크립트 코드도 깔끔하게 짜시는 것 같은데

이런 것은 어떤 것을 공부하고, 학습하시는지 알고 싶습니다.

blog Gatsby

Answer 1

0

ji5485

안녕하세요, k29176@gmail.com님!

썸네일 이미지는 직접 제작하고 있으며, canva 라는 디자인 플랫폼을 통해 만들고 있습니다!

그리고 CSS같은 경우는 저 나름대로 순서를 정해놓고 코드를 짜는 편인데, 다른 기업에서 적용하고 있는 CSS 순서 등을 찾아보셔서 공부해보시면 될 것 같습니다!

또 자바스크립트는 스타일 가이드를 많이 참고를 했습니다.

Airbnb나 Google 등과 같은 기업에서 오픈해놓은 스타일 가이드가 많이 있으니 참고하시면 좋을 것 같아요

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

1

855

1

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

1

588

1

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

1

617

1

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

0

339

0

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

1

391

1

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

1

289

0

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

1

405

1

배포 후 포스트 업로드 방법

1

379

1

배포 질문이요!

1

514

1

gatsby develop 오류

1

934

1

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

1

341

1

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

1

282

1

Unhandled Runtime Error 가 뜹니다

0

504

2

sign in with GitHub 클릭 시

1

393

3

동작 반복 시 오류

1

350

2

const BackgroundImage 질문

1

210

1

오타 문의

1

300

2

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

1

200

1

index.tsx allMarkdownRemark 에러..

0

592

2

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

1

248

1

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

3

349

2

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

1

281

1

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

2

281

1

index.tsx오류

2

453

1