yarn add loadash

Slugs 만들기

잠깐, slug가 뭔데? 참고

<aside> 💡 URL에서 페이지를 구분해주는 키워드

</aside>

• 사람이 읽기 쉬운 키워드
• 보기 싫은 $20 것들을 - 으로 변환 한다.
• 보통 디랙토리 구조 기반으로 slug를 만든다.

yarn add gatsby-source-filesystem

const path = require(`path`);
const { createFilePath } = require(`gatsby-source-filesystem`);

exports.onCreateNode = ({ node, getNode, actions }) => {
  const { createNodeField } = actions
  if (node.internal.type === `MarkdownRemark`) {
    const slug = createFilePath({ node, getNode, basePath: `pages` })
    createNodeField({
      node,
      name: `slug`,
      value: slug,
    })
  }
}

나와 약속하는 시간

<aside> ❓ 컨탠츠를 어떻게 만들 것인가?

</aside>

---
title: 
date: "2021-10-14"
draft: false
path: ""
series: ""
tags: ["React", "Typescript"]
---

• draft
  • 임시글인지 여부