22-04-15-Gatsby를 위해 필수로 알아야 할 기술

22-04-15-Gatsby를 위해 필수로 알아야 할 기술

목차

01.React

• Gatsby는 React를 사용하는 JAM Stack기반 프레임 워크

• React 기초에 대해서 공부하면 좋음

  • Redux까지 학습은 필요가 없다고함
  • React 공식 문서의 내용만 어느정도 이해하고 코드를 작성할 수 있으면 수월하게 따라갈 수 있음

02.GraphQL

• 페이스북에서 개발한 쿼리 언어

  • 각각의 엔드포인트에서 고정된 데이터를 받을 수 있는 Rest API와는 다르게
  • GraphQL은 단일 엔드포인트에서 원하는 데이터만을 받을 수 있다는 장점 가지고 있음

  • 위와 같이 Query를 통해 데이터를 받아올 수 있으며,

    • 이 외에도 데이터 변경을 위한 Mutation,
    • 실시간 기능을 위한 Subscription이 있음

query getHeroInfo {
	hero {
		name
		age
		ability
	}
}

• GraphQL 사용 방법이 익숙하면 좋지만

  • Gatsby에서는 데이터 조회를 위한 Query만 사용되기 때문에 나머지 두 개에 대해서는 자세하게 알고 있지 않아도 상관은 없음
  • Gatsby 공식 홈페이지에서의 GraphQL 설명을 참고하면 좋음
• 주로 페이지 또는 Static Query컴포넌트에서 필요한 데이터를 받아오기 위해 사용됨

• 여기서는 진행할 프로젝트에서는

  • 제목,
  • 개발자 정보,
  • 홈페이지 요약과 같은 기본 정보와 블로그 콘텐츠 데이터를 관리하는데 사용 할 것