Skip to content

snowjang24/gatsby-practice

Repository files navigation

Gatsby와 React로 만드는 블로그

강의 : https://www.youtube.com/watch?v=8t0vNu2fCCM

본 글은 상단의 "Andrew Mead"의 강의를 듣고, 정리를 위해 내용을 추가하여 작성한 글입니다.


📌Gatsby와 블로그

나의 블로그 연대기

처음 블로그는 jekyll을 사용하여 블로그를 만들었다. 그러다 얼마 지나지 않아 HEXOVEXO테마로 넘어가게 되었는데, 한창 Node와 Vue를 공부할 때였다.

이번에 Gatsby로 넘어오게 된 이유도 이전과 같다. React를 공부하다 보니 React를 사용하여 나만의 블로그를 만들어보고 싶어졌다. 이전에 테마를 조금 수정하여 블로그를 만이번에는 테마를 최소화하여 진짜 "나만의 블로그" 를 만들어 보려 한다.


Gatsby에 대하여

GatsbyReactGraphQL을 이용하여 웹 사이트와 웹 앱을 만들기 쉽게 제작할 수 있는 프레임워크다. Gatsby는 우리가 아는 정적인 웹을 만들수 있을 뿐만 아니라 동적인 웹 앱을 만드는데 모두 쓰인다.

Gatsby를 이용하여 웹을 생성할 때는 React와 GraphQL이 주를 이루기 때문에, 이 둘에 대한 지식이 어느 정도 있어야 원하는 방향으로 웹을 제작할 수 있다. 하지만 현재 블로그 만들기에서는 아직 GraphQL에 대해 깊게 다루지 않기 때문에 어느 정도의 React지식만 있어도 충분히 원하는 대로 블로그를 만들 수 있다.


📖 목록

✏️ Gatsby로 블로그 틀 만들기

✏️ Header,Footer

✏️ 스타일을 적용하기

✏️ 블로그 데이터 다루기

✏️ 마크다운을 페이지로!

✏️ 추가적인 세팅

✏️ 페이지의 머리에 헬멧 씌우기

✏️ Gatsby로 만든 페이지 배포하기


⌛️이 글을 마무리하며

추후 작성