# gatsby

14개의 포스트

개발 1일차

이제 개발을 시작하는 신입개발자다. 사람들이 블로그를 만들라고해서 깃헙과 연결이 된다는 Hexo와 Gatsby로 블로그를 만들려고 시작한지 12시간이 지났다.아침먹고 계속 만들다보니 점심 저녁 다 건너뛰로 오후 9시가 다됬다.너무 빡친다. 지금부터 왜 실패했나 기록한다

4일 전
·
0개의 댓글

Gatsby로 블로그 만들기

static blog 블로그 작성하면 파일 전체가 생성 / 물리적으로 사용자가 가지고 있을 수 있다 블로그를 작성하면 git에 배포(daploy)한다. 도메인 (영문 주소) npm (node package manager) npm install -g gatsby-

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

github blog 배포하기(gh-pages & surge)

gatsby를 통해 프로젝트를 생성해주고, 깃헙에 업로드까지 진행했다.이제 남은 것은 사이트 배포하기! 그리고 나의 깃헙페이지 주소에 접속해보면 초기 세팅이 완료된다!배포전 npm run build 로 빌드하고 깃헙에 백날 백업해봐야 내 도메인으로 접속했을때 뜨는것은

2020년 5월 12일
·
0개의 댓글
post-thumbnail

github blog 생성하기 (feat. gatsby)

github blog 이전에 슬쩍 만들어둔 깃헙 블로그를 쓰지 않고 방치하고 있었는데, 쉬는 동안 블로그 스킨도 바꿔보고 어떻게 사용하는 건지 찬찬히 살펴보려 한다. create repository 먼저 깃헙 블로그를 위해 레포지토리를 생성했다. 레포지토리명은 아이디

2020년 5월 12일
·
0개의 댓글
post-thumbnail

Gatsby blog를 버리고 velog를 시작하는 이유

몇 번의 대규모 업데이트 작업을 하다 지쳐 방치된 Gatsby로 만든 개인 블로그(aluc.io)가 있다. 완성도 높은 웹사이트를 개발할 때 필요한 많은 것들을 Gatsby에서는 간단히 처리 할 수 있었는데 수년 전 React를 "쌩"으로 사용했던 경험과 비교한다면 절

2020년 5월 2일
·
4개의 댓글
post-thumbnail

Github Actions로 Github Pages 자동 배포

thumbnail본 글은 블로그에서 가져왔습니다.Github Actions는 Github 레포지토리에 연동해서 사용할 수 있는 워크플로우 자동화 시스템입니다. 특정 액션 (push, pull_request 등)이 실행되면, Action도 실행되어 빌드 명령어 한 번 치

2020년 4월 24일
·
0개의 댓글
post-thumbnail

TIL - Session : Gatsby로 블로그 만들기

배포 : 배포(deploy)하다. or 디폴로이한다. 라는 표현을 자주 하고 듣게 될것이다.배포란, 그동안 개발한 것을 세상(인터넷상)에 공개하고 모든 사람들이 접근해서 볼 수 있게 하는 것을 의미한다.도메인도메인은 wecode.co.kr , google.com 과 같

2020년 4월 2일
·
0개의 댓글
post-thumbnail

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

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

2020년 2월 10일
·
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일
·
4개의 댓글
post-thumbnail

Gatsby 로 블로그 만들기 (3)

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

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

Gatsby 로 블로그 만들기 (2)

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

2019년 10월 3일
·
4개의 댓글
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개의 댓글