2023-07-03 일지

오늘 한 일

Rust 스터디 준비
함수형 프로그래밍 스터디 공부
Dogsounds-TIL meta 태그 추가, google analytics 적용, 상단 바 이름 추가
Nest.js 강의 듣기

하루 요약

14:30 ~ 17:30, 18:30 ~ 23:00 카공

Dogsounds-TIL

meta 태그 추가

themeConfig: {
  metadata: [
    metadata: [
        {
          name: 'tags',
          content: 'TIL, Today I Learned, Self-Driven-Development, Dogsounds, Dogsounds-TIL',
        },
      ],
  ]
}

google analytics 적용

presets: [
  [
    '@docusaurus/preset-classic',
    {
      gtag: {
        trackingID: 'G-QEZDXB0ZHY',
        anonymizeIP: true,
      },
    },
  ],
]

상단 바 이름 탭 추가

기존의 방식은 TIL 탭 하나만 존재했었기 때문에 TIL 누르고 이름 탭을 눌러야하는 번거로움이 있었다.

그래서 상단 바에 각자의 이름 탭을 추가해서 누르면 바로 해당 이름의 TIL로 이동하도록 했다.

1차 방법

themeConfig의 navbar를 이렇게 설정했다.

themeConfig: {
  //...
  navbar: {
    //...
    items: [
      {
        type: 'docSidebar',
        position: 'left',
        sidebarId: '강주혁',
        label: '강주혁',
      },
      {
        type: 'docSidebar',
        position: 'left',
        sidebarId: '이학림',
        label: '이학림',
      },
      {
        type: 'docSidebar',
        position: 'left',
        sidebarId: '송은수',
        label: '송은수',
      },
      {
        type: 'docSidebar',
        position: 'left',
        sidebarId: '민세림',
        label: '민세림',
      },
      {
        type: 'docSidebar',
        position: 'left',
        sidebarId: '박규성',
        label: '박규성',
      },
    ]
  }
}

그리고 sidebars.js에는 각자의 이름에 해당하는 사이드바를 추가했다.

// sidebars.js
module.exports = {
  강주혁: [
    {
      type: 'autogenerated',
      dirName: '.',
    },
  ],
  이학림: [
    {
      type: 'autogenerated',
      dirName: '.',
    },
  ],
  송은수: [
    {
      type: 'autogenerated',
      dirName: '.',
    },
  ],
  민세림: [
    {
      type: 'autogenerated',
      dirName: '.',
    },
  ],
  박규성: [
    {
      type: 'autogenerated',
      dirName: '.',
    },
  ],
}

적용은 됐지만 문제점이 있었다.

@docusaurus/preset-classic의 docs에서 일부 설정한 것들이 각 탭에서는 적용되지 않는 문제

나는 사이드 바에 7월이 제일 위로 오도록 하고 싶어서 이렇게 설정했었다.

presets: [
  [
    '@docusaurus/preset-classic',
    {
      docs: {
        //...
        sidebarItemsGenerator: async function ({ defaultSidebarItemsGenerator, ...args }) {
          const sidebarItems = await defaultSidebarItemsGenerator(args)
          sidebarItems.map((item) => {
            if (item.label !== '개요' && item.type === 'category') {
              item.collapsed = true
            }

            if (/^(강주혁|이학림|송은수|민세림|박규성)$/.test(item.label)) {
              item.items = item.items.reverse()
            }
            return item
          })

          return sidebarItems
        },
      },
    },
  ],
]

그런데 이렇게 하면 각자의 이름 탭에서는 적용이 되지 않았다. 그리고 각자의 이름 탭을 클릭했을 때 이름의 Intro로 이동시키고 싶었는데 이것도 적용이 되지 않았다.

2차 방법

themeConfig의 navbar를 이렇게 설정했다.

themeConfig: {
  //...
  navbar: {
    //...
    items: [
      {
        to: '/TIL/',
        label: '개요',
        position: 'left',
      },
      {
        to: '/TIL/강주혁',
        label: '강주혁',
        position: 'left',
      },
      {
        to: '/TIL/이학림',
        label: '이학림',
        position: 'left',
      },
      {
        to: '/TIL/송은수',
        label: '송은수',
        position: 'left',
      },
      {
        to: '/TIL/민세림',
        label: '민세림',
        position: 'left',
      },
      {
        to: '/TIL/박규성',
        label: '박규성',
        position: 'left',
      },
    ]
  }
}

이렇게 하면 각자의 사이드 바가 생기지 않고, 위의 문제점들이 모두 해결되었다.

Algolia DocSearch 안되는 원인 파악

내가 docker로 scraper를 돌린 방법은 직접 실행한거였다. 이 링크 들어가보면 레거시된 버전이지만, 직접 올리고 싶다면 이렇게 해라~ 하는 거였다. 현재 최신 버전은 그냥 체크리스트 확인한 다음 Apply하면 된다.

근데 이게 등록되는데 시간이 좀 걸리는 것 같다. 한 2주?? 아마 여기서 등록이 된다면 따로 처리 안해도 일주일에 한 번씩 알아서 스크래핑해서 업데이트해주는 것 같다. 메일 올 때까지 기다려야겠다..

내일 할 일

함수형 프로그래밍 스터디 공부 마무리
Rust 스터디 시작
Dogsounds-TIL 태그 페이지 상단에 추가
TIL 가이드라인 작성
TIL 디스코드 방 만들기
Dogsounds-TIL에 적용한 것들 블로그에 정리