{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/2","result":{"data":{"markdownRemark":{"id":"f97787c5-d397-59b8-8df8-c94e399663dc","html":"<ul>\n<li><code class=\"language-text\">config.js</code> : site 관련 설정들, author, 프로필 사진 등을 설정하는 곳.</li>\n<li><code class=\"language-text\">gatsby-config.js</code> : 현 블로그에서 사용하고 있는 (gatsby가 개발한) 다양한 라이브러리가 설정되어 있다.</li>\n<li><code class=\"language-text\">src/components</code> : gatsby는 리액트로 개발된 static site generator이다. 리액트 개념인 component들이 이 디렉토리에 있다.</li>\n<li><code class=\"language-text\">src/templates</code> : component를 그려주는 template 파일들이 모여있다.</li>\n<li><code class=\"language-text\">static</code> : static 디렉토리에 post에 사용할 static 자원(ex.이미지 파일)이 위치한다. 이 파일들은 빌드시, public 디렉토리에도 생성된다.</li>\n<li><code class=\"language-text\">content/posts</code> : post 파일들을 저장하는 디렉토리.</li>\n<li><code class=\"language-text\">content/pages</code> : post 외 about, contact 파일 등을 저장하는 디렉토리.</li>\n<li><code class=\"language-text\">gatsby</code> : graphql 쿼리를 보내고, 그 결과 data로 블로그를 만드는 logic 파일들이 있는 디렉토리.</li>\n</ul>","fields":{"slug":"/posts/2","tagSlugs":null},"frontmatter":{"date":"2019-11-05","description":"","tags":null,"title":"Blog 구조 알아보기"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/posts/2"}}}