# TIL-20210622
# Today
- 블로그 포멧 만들기
# Contents
- TIL 메인페이지에 리스트 노출하기
vuepress를 통해 만든 현재 블로그에 자동으로 리스트를 추가하는 기능을 넣으려고 한다.
제한사항
- 폴더의 파일들을 미리 읽어야 한다.
- 해당 리스트를 가지고 있으면서, 각 타이틀에 맞는 리스트만 노출한다. ex) TIL, javascript, React, 등...
폴더의 파일들을 미리 읽는다.
기본적으로 template을 통해 생성한 vue component안 스크립트는 client에서 구동된다.
때문에, 빌드 하기전 과정인 diretory분석용 함수를 불러와서 사용할 수 없다.
(fs 모듈이 없고 파일 트리를 알 수 없기 때문에)당 리스트를 가지고 있으면서, 각 타이틀에 맞는 리스트만 노출한다.
빌드하는 순간에 디렉토리 구조를 파악하여 데이터로 만들어내는 과정이 필요하다.
직접 플러그인을 만들어서 매번 디렉토리에서 파일 리스트를 불러오는 기능을 구현해야 한다.
플러그인에서 frontmatter를 읽어오는 방법을 찾았지만, 해당 데이터를 매 스트링마다 불러오는 오류가 있었다. yml방식의 frontmatter를 설정할 때, 키값 뒤에 밸류를 적을 때 꼭 띄어쓰기를 적자