# gatsby

35개의 포스트

Gatsby 동적 페이지 생성

Gatsby.js는 JAM 스택을 기반으로 한 정적 사이트 생성기이다. 정적 사이트란 서버에 존재하는 데이터를 변화시키는 일 없이 그대로 사용자에게 보여주는, 고정된 웹 사이트 형식을 말한다.복잡한 API 통신이나 백엔드를 설계해야 할 일이 적으므로 순수 자바스크립트나

2021년 12월 12일
·
0개의 댓글

Gatsby Blog 만들기 - 2

Gatsby로 블로그 만들기 2편

2021년 11월 1일
·
0개의 댓글

Gatsby Blog 만들기 - 1

Gatsby로 Blog 만들기 1편

2021년 11월 1일
·
0개의 댓글
post-thumbnail

외부 망에서 localtunnel 사용하여 Localhost 접속하기

Localtunnel은 nodejs 기반으로 개발되어 있어 npm을 먼저 설치하고 localtunnel 설치를 진행합니다.Windows: sudo apt install npmMac: brew install nodesudo npm install -g localtunel진

2021년 9월 25일
·
2개의 댓글
post-thumbnail

[gatsby] reach-router 이해하기, <Link> 클릭하면 location.pathname이 이상해요

Gatsby는 React 기반 프레임워크지만, react-router-dom을 사용하는 React와 달리 reach-router를 사용한다. 이로 인해 발생한 엉뚱한 에러를 해결하는 과정이다.

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

[SSR/SSG] Gatsby 시작하기

안녕하세요. 김용성입니다.오늘은 정적 사이트 구축을 위해 사용되는 Gatsby JS를 설명하고 이를 이용해서 프로젝트를 시작하는 방법에 대해 포스팅하고자 합니다.

2021년 6월 18일
·
0개의 댓글
post-thumbnail

[Gatsby] Gatsby 개념 이해하고 튜토리얼 시작하기

Gatsby 란 무엇인지, 어떠한 장점이 있는지 전반적인 개념에 대해 알아본 후 튜토리얼을 통해 Gatsby 개발 시작하는 과정을 정리했습니다 💻

2021년 5월 24일
·
2개의 댓글
post-thumbnail

Gatsby로 나만의 블로그 만들기 feat. gatsby-starter-bee (2)

Gatsby로 나만의 블로그 만들기 feat. gatsby-starter-bee (1)1) 정적 사이트 생성기인 Jekyll 또는 Gatsby를 이용해서 블로그를 만든다.2) github pages 또는 netlify로 호스팅을 한다.3) google search co

2021년 5월 23일
·
0개의 댓글
post-thumbnail

Gatsby로 나만의 블로그 만들기 feat. gatsby-starter-bee (1)

나만의 블로그를 만들어 보자 💪🏻 벨로그, 티스토리, 미디움 등 좋은 블로그 사이트 들이 많지만 서치를 하다보면 '개발자스럽게' 커스터마이징된 블로그들이 많이 보였다. 그래서 만들어본 나만의 블로그 👀 서치를 하면 이렇게 생긴 블로그들이 많은데 gatsby-s

2021년 5월 20일
·
1개의 댓글
post-thumbnail

[Gatsby] File System Route API

GrapQL 데이터를 사용해 동적으로 페이지를 생성하는 방법으로 다음과 같이 사용될 수 있다.src/pages/products/{Product.name}.js => ex) localhost:8000/products/burgersrc/pages/products/{Prod

2021년 4월 19일
·
0개의 댓글
post-thumbnail

[Gatsby] Gatsby-image-plugin

이미지 사용이 필요할 때 &lt;img> 대신 gatsby-image-plugin 사용

2021년 4월 13일
·
0개의 댓글
post-thumbnail

[Gatsby] Start

node 설치git 설치gatsby-cli 전역설치 npm install -g gatsby-cligatsby new hello-world https&#x3A;//github.com/gatsbyjs/gatsby-starter-hello-worldsrc/pages 폴더의

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

[gatsby.js] Layout 컴포넌트에서 자식 컴포넌트로 props 전달하기

보통 gatsby에서 layout 컴포넌트가 모든 page에 사용되기 때문에 layout 컴포넌트를 최상위 컴포넌트로 사용한다.만약 Intro page의 코드가 아래와 같을때, 전 페이지에서 공통으로 사용되는 state를 Intro Page로 전달하려면 어떻게 해야할까

2021년 2월 13일
·
0개의 댓글

정적 사이트 생성기를 찾아다닌 기록

남들 다 한다는 GitHub에 블로그를 만들어보고 싶었다.그 뿐이었다... 그 뿐이었는데;;;처음 알아본 것은 Jekyll(제킬이라고 읽는 것 같다.)이었다. Ruby로 만든거고.. 블로그 그냥 만들기 좋겠다. 스킨도 여러가지 많네... 하지만, 딱 꽃히는? 테마가 없

2021년 1월 6일
·
2개의 댓글

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

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

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

React Framework 비교하기

CRA vs next.js vs gatsby.js

2020년 12월 7일
·
2개의 댓글
post-thumbnail

[gatsby] Gatsby에서 i18next 사용하기(다국어지원)

Gatsby 웹사이트에서 다국어지원하기(i18next 라이브러리 사용)

2020년 12월 6일
·
2개의 댓글
post-thumbnail

Gatsby로 Github page 만들기

Gatsby를 써보지 않고 단지 Github로 블로그나 포트폴리오를 작성하고 싶으시 분들을 위해 작성해보았습니다.내가 알던 Jekyll은 이건데..이전에 Jekyll을 이용하여 Github에 포트폴리오를 올렸다. 단순히 테마를 클릭하고 내용을 나에 알맞게 작성하면 알아

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

[gatsby] page transition

Gatsby에서 네비게이션을 통한 page transition 구현하기

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