바인딩binding: 특정 변수의 값을 연결된 UI 와 동기화시키는 작업

개츠비는 정적 웹사이트 생성기이므로 몇 개의 페이지가 생성될지가 빌드 시점에 미리 정해집니다.

생성될 페이지를 추가하는 방법

파일 기반으로 추가

[src/pages] 하위의 디렉터리와 파일 구조를 그대로 정적 웹페이지로 바꿔줍니다

Ex)

• src/pages/가 도메인 루트에 해당

데이터베이스와 같은 콘텐츠 관리 시스템에서 동적으로 원하는 데이터를 불러온 후, 불러온 데이터 수만큼 정적 페이지를 생성하는 방법

HOOK: 컴퓨터 프로그래밍에서 후크란 운영체제나 다른 소프트웨어의 동작을 가로채서 원래 기능을 덧붙이거나 완전히 교체하는 행위. 여기서는 개츠비의 빌드 과정 중 페이지를 생성하는 동작을 가로채서 우리가 원하는 페이지를 추가하도록 기능을 덧붙이는 데 사용했습니다.

우리는 이 중 Node API에서 createPages( )라는 후크 함수를 이용할 겁니다.

• 개츠비는 빌드 과정에서 이 후크 함수를 호출해주는데, 개발자에게 개 츠비의 특정 기능을 사용자화customize할 기회를 주는 함수라고 생각하면 쉽습니다.

[src/components] 디렉터리와 [src/templates] 디렉터리 모두 리액트 컴포넌트를 정의한 파일을 담아두는 용도입니다.
단, ‘컴포넌트’와 ‘템플릿’이라는 이름에서 떠올릴 수 있듯이

• [src/components]에는 작은 단위의 UI 요소를 구성하는 컴포넌트 파일을 넣어두는 것이 자연스럽고,

• [src/templates]에는 여러 컴포넌트를 조합해서 하나의 페이지를 구성하는 템플릿 역할의 컴포넌트 파일만 넣어두는 것이 자연스럽습니다.