2019/08/14 2

[Gatsby] Tutorial - 8. Preparing a site to go live

먼 길을 왔어! 그동안 이런 것들을 배웠지: 새로운 Gatsby 사이트 생성하기 페이지와 컴포넌트 생성하기 스타일 컴포넌트 사이트에 플러그인 추가하기 source & transform data 페이지를 위한 데이터를 질의하기 위해 GraphQL을 사용하기 데이터에서 프로그램적으로 페이지 생성하기 이번 마지막 섹션에서는 Lighthouse라는 강력한 사이트 진단 도구를 도입해 사이트를 가동 준비를 위한 몇 가지 일반적인 단계를 거칠 거야. 그 도중에 Gatsby 사이트에서 사용하길 원하게 될 몇 가지 플러그인을 더 소개할거야. Audit with Lighthouse Lighthouse website에서 인용: Lighthouse는 오픈 소스로 웹 페이지의 질을 끌어올리기 위한 자동화 툴이다. 공개 또는 인..

Dev/Translation 2019.08.14

[Gatsby] Tutorial - 7. Programmatically create pages from data

What's in this tutorial? 이전 튜토리얼에선 마크다운 파일들을 조회하고 블로그 포스트 제목과 발췌문의 목록을 만들어내는 멋진 인덱스 페이지를 만들었다. 하지만 단지 발췌문만 보기보단, 마크다운 파일들에 대한 실제 페이지들을 원할 것이다. src/pages에 React component를 만들어서 계속해서 새로운 페이지를 만들 수 있다. 그러나 다음에는 어떻게 데이터에서 프로그램적으로 페이지를 만드는지 배울 것이다. Gatsby는 다른 정적 사이트 생성기처럼 파일들에서 페이지를 만드는 것이 제한되어 있지 않다. Gatsby는 빌드할 때 GraphQL을 사용해 데이터를 질의할 수 있게 하고, 질의 결과를 페이지와 연결한다. 이건 정말 강력한 아이디어다. 그것이 미치는 영향과 사용하는..

Dev/Translation 2019.08.14