Gatsby init

이제 Gatsby 사이트를 생성해보자

⚡ npm init gatsby
Need to install the following packages:
create-gatsby@3.12.0
Ok to proceed? (y) y
# y 입력

What would you like to call your site?
✔ · Gats Gats Gats
What would you like to name the folder where your site will be created?
✔ Gats/ gats-gats-gats
✔ Will you be using JavaScript or TypeScript?
· JavaScript
✔ Will you be using a CMS?
· No (or I'll add it later)
✔ Would you like to install a styling system?
· No (or I'll add it later)
✔ Would you like to install additional features with other plugins?No items were selected


Thanks! Here's what we'll now do:

    🛠  Create a new Gatsby site in the folder gats-gats-gats

✔ Shall we do this? (Y/n) · Yes

잘 모르니 일단 기본값이나 No를 선택했다.

이제 생성이 완료되니

Start by going to the directory with

  cd gats-gats-gats

Start the local development server with

  npm run develop

라고 하니 폴더로 이동하여 npm run develop를 실행해본다
음.. 로컬에서 작업하면 이 명령어로 실행 가능 한 것 같지만
클라우드에 있는 상태여서 다른 명령어를 입력해야하는 것 같다.

⚡ gatsby develop -H 0.0.0.0

이렇게 실행시키면 Local, On Your Network가 나오는데 이제 공인아이피와 연결포트를 브라우저에 넣고 접속한다.

휴.. 혹시 오라클 클라우드를 사용하시는 분이 계시다면 방화벽 8000번포트(gatsby 실행시 디폴트)를 열어주고도 안되실수도있는데 서버 내부의 ufw가 실행되고 있는지, 그리고 iptables 상태를 확인해보세요.

# 저는 iptables에 따로 세팅을 안해둬서 -F, -X 명령어만 사용한 상태로 테스트했습니다.
iptables -L
iptables -F
iptables -X

# 여기까지만 해두고 나중에 재부팅하면 기존값으로 다시 설정됩니다.

# 영구적으로 적용시키려면 아래 위치의 설정을 변경하고 재부팅하세요
# /etc/iptables/rules.v4