All Articles

Blog 구조 알아보기

  • config.js : site 관련 설정들, author, 프로필 사진 등을 설정하는 곳.
  • gatsby-config.js : 현 블로그에서 사용하고 있는 (gatsby가 개발한) 다양한 라이브러리가 설정되어 있다.
  • src/components : gatsby는 리액트로 개발된 static site generator이다. 리액트 개념인 component들이 이 디렉토리에 있다.
  • src/templates : component를 그려주는 template 파일들이 모여있다.
  • static : static 디렉토리에 post에 사용할 static 자원(ex.이미지 파일)이 위치한다. 이 파일들은 빌드시, public 디렉토리에도 생성된다.
  • content/posts : post 파일들을 저장하는 디렉토리.
  • content/pages : post 외 about, contact 파일 등을 저장하는 디렉토리.
  • gatsby : graphql 쿼리를 보내고, 그 결과 data로 블로그를 만드는 logic 파일들이 있는 디렉토리.