Gatsby JS

개츠비 튜토리얼을 저만의 식으로 하겠습니다.npm install -g gatsby-cli을 합니다. cli를 이용해서 gatsby파일을 쉽게 만들어 보도록 합니다.gatsby new hello-world https://github.com/gatsbyjs/gat

개츠비 튜토리얼에선 emotion 을 사용하지만,저는 Styled-Components를 사용 하였습니다. 개인적으로 이게 더 깔끔하다고 생각합니다. 기본적으로 Gatsby JS 는 react 환경에서 이루어지기 때문에 기본적인 Components들은 신경 쓰지 않고 G

gatsby는 많은 사람들이 개인 블로그로 많이 쓰는 정적 웹 생성기 입니다. 그런데 컴포넌트에 직접적으로 글을 작성하지 않고. .md파일을 사용해서, html을 자동으로 만들어주도록 합시다.이런식으로 작성 해주면 .md 파일은 완성이 된 겁니다. 앞서 플러그인으로 넣

npm i gatsby-plugin-typescript typescript tsconfig 설정하기 gatsby-config 설정하기 MarkDown 페이지 생성을 위한 gatsby-node 설정하기 이렇게 설정을하면, gatsby 튜토리얼을 한 후의 환경설정을

npm install gh-pages --save-dev 을 해줍니다. 이 상태로 build를 하고 Github-pages 에서 하이퍼 링크(예를들어 /about)를 누르면 username.github.io/reponame/about 으로 가지 않고 user.name.

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