1. 2달 전

    Naver Login in React

    React에서 네이버 로그인 사용하기

  2. 3달 전

    NPM에 React 모듈 배포하기

    NPM에 리액트에서 사용할 수 있는 모듈 배포하기

  3. 3달 전

    JS 의존성 관리 - 모듈 시스템과 NPM

    전통적인 JS의 의존성 관리 방식과 한계, CommonJS, AMD 등장. JS의 패키지 관리자인 NPM

  4. 5달 전

    Next.js SSR Styled-component (.feat TS)

    Styled-Components로 컴포넌트를 작성해보자.

  5. 5달 전

    Next.js 9

    7월에 발표된 Next.js 9에서 어떤점이 변경되었는지를 중심으로

  6. 6달 전

    Facebook Login in React

    React에서 페이스북 로그인 사용하기

  7. 6달 전

    Google Login in React

    React에서 구글 로그인 사용하기

  8. 6달 전

    Kakao Login in React

    React에서 카카오 로그인 사용하기

  9. 8달 전

    18 우버 클론 코딩 (nomad coders)

    우버 코딩 강의 로그 2.13 ~ 2.17

  10. 8달 전

    17 우버 클론 코딩 (nomad coders)

    우버 코딩 강의 로그 2.7 ~ 2.12

  11. 9달 전

    NEXT.JS

    공식 문서 튜토리얼을 따라 하며 기록

  12. 9달 전

    16 우버 클론 코딩 (nomad coders)

    우버 코딩 강의 로그 2.0 ~ 2.6

  13. 9달 전

    Gatsby

    Gatsby라는 프레임워크가 어떤 특징으로 가지고 왜 블로그를 만들때 많이 사용하는지에 대해 알아보자.

  14. 9달 전

    gatsby 블로그 만들기

    gatsby + Netlify 사용해서 블로그 만들기

Tamm자바스크립트 웹 개발 환경을 좋아하고 사람들에게 재미를 주는 것에 관심이 많은 개발자 입니다.

gatsby 블로그 만들기

gatsby + Netlify 사용해서 블로그 만들기

featured image thumbnail for post gatsby 블로그 만들기

gatsby 블로그를 만들기 위해 먼저 gatsby에서 컨셉을 이해했다.

https://www.gatsbyjs.org/tutorial/ 에서 튜토리얼을 가능하면 읽어보길 추천한다.

튜토리얼 스탭은 0 ~ 8까지 있고, 0 ~ 3은 기본적인 내용 + react에 대한 설명이다. 리액트를 모르는 분이라면 꼭 읽어봐야 할것이다.

4 ~ 8은 Advance tutorial인데, 블로그 페이지를 직접 만들면서 얼마나 효과적이고 쿨하게 정적페이지를 만드는지에 대한 내용이 나온다. 정말 쿨한 방법을 사용하기 때문에 개인적으로 감동적인 내용이었다.

이렇게 진행을 하고 yunheur 님의 gatsby starter를 추천해주셨다.

https://github.com/netlify-templates/gatsby-starter-netlify-cms

gatsby + netlify CMS를 사용해서 포스트 쓰고 배포도 쉽게 할 수 있게 된다.

https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/gatsby-starter-netlify-cms&stack=cms 에서 먼저 github 계정을 연동한다. 계정이 연동되면 새 프로젝트를 위한 레포지토리를 생성한다.

 2019 05 01  5 aaa67035 0c6a 40bf bffa 9c011d5db4c3 26 26

이렇게 저장하면 내 github에 myapp 레포지토리가 생성된다. 내 github로 가서 확인하자. 생성된 레포지토리를 로컬에 클론하자.

$ git clone https://github.com/[GITHUB_USERNAME]/[REPO_NAME].git
$ cd [REPO_NAME]
$ yarn
$ npm run start

CMS 테스트를 위해 빌드도 하자.

$ npm run build
$ npm run serve

http://localhost:9000/ 에 가면 기본 블로그가 떠있다.

http://localhost:9000/admin/ 에는 CMS를 설정할 수 있다. 여기서 로그인을 하라고 되어있고 Your Netlify site URL를 입력하라고 한다.

Domain settings 버튼을 누르고, mystifying-cu**.netlify.com(청록색) 링크를 누르면 Your Netlify site URL 로 이동한다. 이동한 주소를 복사해서 입력해주자.

 2019 05 01  5 95757168 0b53 4e33 93ff b91337b669c9 31 05

 2019 05 01  5 295ce5a2 dd72 4a62 9cf8 43fa3d85491f 32 37

https://mystifying-curie-7c034e.netlify.com

나 같은 경우에는 admin에 내 gmail 계정이 비번이 틀렸다고 해서 암호 찾기 후 다시 연결했더니 잘 되었다.