# gatsby

8개의 포스트
post-thumbnail

[Gatsby] (1) 깃헙 블로그 시작하기

Gatsby로 개인 블로그 만들어보자. React와 Graphql을 사용하는 정적페이지 생성기입니다. GatsbyJS는 여러 Data Sources(CMSs, Markdown, Data-APIs, Databases, YAML, JSON, CSV, etc.)에서 가져와서

2020년 2월 10일
·
0개의 댓글

#Sessoin4 gatsby 블로그

2월 4일 (화요일)⋅오후 5:00~ 6:30 TLI #8.

2020년 2월 5일
·
0개의 댓글

갯츠비로 깃허브 블로그 만들기

Gatsby로 블로그 만들기 마크업 vs. 마크다운 마크업: 마크다운: 일반 플레인 텍스트를 쓰면 html처럼 보여지도록 하는 것 Gatsby 블로그 생성 STEP 0. 사전 준비 0-1) NPM 설치 구글에서 NPM을 검색해서 OS에 맞는 버전을 다운받아 설치하면 되어요! NPM (Node Package Manager) 0-2) git 설치 git...

2019년 12월 4일
·
1개의 댓글
post-thumbnail

Gatsby 로 블로그 만들기 (4) (최종)

이번에는 최상위 주소로 들어갔을 때, 최근에 작성한 게시글 목록을 표시하는 기능과 utterances 위젯을 활용하여 덧글 기능을 구현 해 보겠습니다. 지금 index.tsx 파일에는 기본으로 작성 된 내용이 있으니 먼저 이 내용을 지우고 임시로 내용을 채웠습니다. _(2)-e4f006ba-f204-49d7-b43d-a7c258abe18f.png) 그 ...

2019년 10월 4일
·
2개의 댓글
post-thumbnail

Gatsby 로 블로그 만들기 (3)

지난번에는 마크다운 파일을 사용하여 동적으로 페이지를 만드는 작업까지 진행 했습니다. 이번에는 타입스크립트를 사용하면서 발생하는 미묘한 불일치를 해결 해 보겠습니다. GraphQL 쿼리의 반환 타입 지정 Untitled-3bd2a666-5f39-45c1-b7cd-ffdc6fa6a758.png createPages 함수 내에서 allMarkdown...

2019년 10월 4일
·
0개의 댓글
post-thumbnail

Gatsby 로 블로그 만들기 (2)

Gatsby 로 블로그 만들기 (2) 지난번에는 Gatsby 로 새로운 프로젝트를 생성하고, 타입스크립트와 Prettier 설정을 진행했습니다. 이번에는 Gatsby 의 기능을 이용해서 동적으로 페이지를 생성하는 기능을 구현 해 보겠습니다. 일반적으로는 pages 폴더에 컴포넌트를 추가하는 방식으로 페이지를 추가할 수 있지만, 블로그처럼 파일을 읽어서 ...

2019년 10월 3일
·
1개의 댓글
post-thumbnail

Gatsby 로 블로그 만들기 (1)

최근 들어 개인 블로그의 필요성을 느꼈습니다. Velog 는 제가 좋아하는 플랫폼이지만, 여전히 가슴 한 켠에 있는, 개인 블로그를 만들고 싶다는 욕망이 솟아난게 아닐까 싶습니다. 어떻게 만들어야 할 지 고민한 결과, 지금이 GatsbyJS 를 사용하기 가장 적당하다고 생각했습니다. GatsbyJS 는 유명한 정적 사이트 생성기 입니다. 자바스크립트와 리...

2019년 10월 2일
·
0개의 댓글
post-thumbnail

gatsby 로 blog 만들기 간략 정리

0. gatsbyjs.org 참고 1. github repository 생성 > https://www.github.com/funnystyle/blog 2. github desktop 설치 > https://desktop.github.com/ 3. repository clone D:\dev\github\blog 에 클론함 4. ...

2018년 11월 8일
·
0개의 댓글