오늘의 목표

• [x] 게시글을 md로 적용합니다

배경

기존에는 gatsby블로그를 튜토리얼대로 진행하다보니, 카테고리나 태그 등의 기능등을 하고 싶었으나. 대부분의 자료가 마크다운이라서 그래서 어쩌지하는 생각이 들어 이번에는 마크다운으로 시작해보자! 하는 마음으로 시작하게 되었습니다

참고 링크

❤️‍🔥 갯츠비 공식 페이지

Adding Markdown Pages

여기에 나오는대로! 진행해 주면 되는 거였지만… 나는 조금 시작부터 엉켰어서 하나하나 정리해볼까 합니다 🙃

별개의 블로그 폴더 만들기

Part 6: Create Pages Programmatically

일단 위 글을 보며, 다시한번 블로그 폴더를 별개로 만들어 주었습니다. 그런데 이전처럼 단순 blog 라는 이름으로 진행했을 때 에러가 나서, 설마 하고 index로 파일명을 바꿔주니 일단 해결은 되었습니다. 그리고 생각해보니 아마 블로그라는 이름으로 진행했다면 blog/blog/게시글명 식으로 주소가 되어 조금 별로 였겠지하는 생각이 들었습니당

갯츠비 플러그인 설정하기

gatsby-source-filesystem 은 이미 기본적으로 pages에 있는 모든 파일을 보고 있으나, md파일을 보고있을 칭구도 필요해 설명에 따라 아래와 같이 설정해 줍니다 ****

{
      resolve: "gatsby-source-filesystem",
      options: {
        name: "pages",
        path: `${__dirname}/src/pages/`,
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `markdown-pages`,
        path: `${__dirname}/src/markdown-pages`,
      },
    },
    `gatsby-transformer-remark`,

그런데 사실, 진행을 하며 실수를 했던게, 이처럼 설치를 하고 graphql 을 확인해 주었을 때, 여전히 mdx가 건강히 살아 남아 있다는걸 확인을 안해 주었다는 것임니다..

그래서 계속해서 markdownRemark 가 없다는 에러를 만나게 되었는데, 설마하고 mdx 플러그인을 삭제하고 다시 진행해주니 일단은 동일한 에러가 발생하지 않았습니다

그래프큐엘에서의 에러

그렇습니다 graphql 도 말을 들어주지 않았어요. 컴퓨터는 거짓말을 하지 않는다니 일단은 에러를 확인해 보았습니다

에러: **ariable "$id" of required type "String!" was not provided**