안녕하세요. 혀코입니다.
Gatsby에 대해서 간략하게 설명하자면, React 기반 정적사이트 생성기 입니다.
이번 시간에는 Gatsby 를 설치해 보겠습니다.
git bash 에서 텍스트가 깨지는 현상이 있어서 windows powershell을 사용하는 것을 추천 드립니다.
gatsby-cli를 node package module을 사용해서 전역 설치합니다.
npm install -g gatsby-cli
다음 명령어를 사용해서 gatsby로 웹사이트를 만들어 보겠습니다.
$ gatsby new
그러면, 웹사이트 설정을 위한 여러 질문들이 나옵니다.
What would you like to call your site?
My Website
What would you like to name the folder where your site will be created?
my-website
Will you be using JavaScript or TypeScript?
JavaScript
Will you be using a CMS?
No
What you like to install additional features with other plugins?
Done
Thanks! Here's what we'll now do:
- Create a new Gatsby site in the folder my-website
? Shall we do this? (Y/n) > Yes
y
모든 질문이 끝나면, 설치가 진행됩니다.
설치가 완료되면, 웹사이트 폴더로 들어가서 로컬 서버를 띄웁니다.
$ cd my-website
$ gatsby develop
그려면 http://localhost:8000/ 에서 Gatsby로 만들어진 웹사이트를 확인할 수 있으며, http://localhost:8000/___graphql 에서 graphql을 확인할 수 있습니다.
이렇게 Gatsby를 설치해 봤습니다.
해당 정보가 도움이 되셨다면, 공감과 구독 부탁 드립니다.
감사합니다. :)
댓글