# gatsbyjs

9개의 포스트
post-thumbnail

05 정적 사이트 생성

🛑 해당 포스팅은 패스트캠퍼스 온라인 강의 The RED : 조은의 프론트엔드 실무 가이드 강의 필기 입니다.

2021년 10월 14일
·
0개의 댓글
post-thumbnail

[macOS] GatsbyJS + Netlify 환경 구축 (+ 가비아 도메인)

반응형 포트폴리오 사이트 만들기! 환경 구축 해보자

2021년 9월 12일
·
0개의 댓글
post-thumbnail

[GatsbyJS] 'document is not defined' 해결하기

[GatsbyJs] 'document is not defined' 해결하기

2021년 8월 17일
·
0개의 댓글

[Gatsby JS - Typescript] StyledComponent 로 Dark Theme 구현하기.

Gatsby JS를 간단히 말하자면 정적페이지이다.그래서 동적으로 Javascript 코드로 CSS를 바꾸는 방법은 정적페이지인 Gatsby JS에는 CRA로 만드는 웹페이지와 다르게 해줘야한다.작성중Styled Component에서 제공하는 Theme(직접 커스텀)

2021년 3월 12일
·
1개의 댓글

첫 포스트: 처음 해보는 정적 블로그

2021년 새해를 맞아 velog에 작성하는 첫 포스팅이다.그동안 나는 AWS Lightsail의 가상 서버 상에서 워드프레스 기반의 블로그를 돌렸었다. (모두들 알다시피 워드프레스는 동적 웹페이지 기반 CMS의 대표주자다) 하지만 개인적 사정으로 인해 서버 유지비로

2020년 12월 31일
·
0개의 댓글
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일
·
4개의 댓글
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개의 댓글