LogoSEO Jing
  • All Posts
  • SEO Jing
  • KD Team
  • CLab CoreTeam
  • Study

Contact Me

© 2026 SEOJing. All rights reserved.

DevLogSEO Jing

Day 7 - Front Matter CMS와 관련 게시물 탐색기

2026년 3월 20일·1분 읽기

Front Matter CMS

VSCode에서 MDX 파일을 관리하기 편하게 Front Matter CMS를 설치했다. frontmatter 스키마를 정의해두면 VSCode UI에서 메타데이터를 편집할 수 있고, taxonomy(태그, 카테고리) 관리도 해준다. 이전에 직접 구현했던 frontmatter 파서도 좀 더 깔끔하게 리팩터링했다.


관련 게시물 이동 탐색기

블로그 포스트 하단에 관련 게시물로 이동할 수 있는 파일 탐색기를 추가했다. 기존 PostExplorer를 확장해서, 현재 글이 속한 폴더의 다른 글들을 보여주는 방식.

FileExplorer UI 컴포넌트에 currentFile 하이라이트 기능을 추가하고, FileItem에서 현재 글인 경우 강조 표시가 되게 했다. 포스트 디테일 페이지에서 slug 정보를 넘겨주면 자동으로 같은 폴더의 글 목록이 나타난다.


스터디 자료 대량 작성

씨랩 스터디 사전 진단 Level 3, 4, 5까지 작성했다. 그리고 기존 포스트들도 내용을 보강했다. 이제 첫 대면 스터디(03.23)에 보여줄 컨텐츠가 좀 쌓인 느낌.

포스트 목록

/SEOJing/devLog
파일 14개, 폴더 1개
Day 1 - 디자인 컨셉과 디자인 시스템Day 2 - 블로그 스켈레톤과 MDX 파싱Day 3 - MDX 이슈, 반응형, 다크모드Day 4 - 배포와 CI/CDDay 5 - shiki 제거, MDX 모듈화, 그리고 대량 포스팅Day 6 - 스터디 자료 작성과 데스크탑 비율 수정Day 7 - Front Matter CMS와 관련 게시물 탐색기Day 8 - 아티클 퀴즈와 스터디 자료Day 9 - 프레젠테이션 모드, 코드블럭 개선, 테스팅Day 10 - 프레젠테이션 모드 안정화Day 11 - 프레젠테이션 확대 기능, FullscreenView 개선Day 12 - 테스트 커버리지 개선, 모바일 프레젠테이션 버그 2건 수정기술 블로그를 직접 제작하게 된 이유왜 자꾸 프로젝트가 중단되는지