---
id: "imported/blog/viewings/tasks/pagedev"
title: "공사 진척도"
description: "현재 사용하고 있는 vite-pages-react-pages가 그냥 막 사용하기에는 좋은데, 이것저것 고치려니까 나름 손이 많이 가는 중."
kind: "record"
published: "2023-05-02T00:00:00.000Z"
tags: []
url: "https://www.readiz.com/blog/viewings/tasks/pagedev/"
markdownUrl: "https://www.readiz.com/blog/viewings/tasks/pagedev/index.md"
---

# 공사 진척도

현재 사용하고 있는 `vite-pages-react-pages`가 그냥 막 사용하기에는 좋은데, 이것저것 고치려니까 나름 손이 많이 가는 중.

그대로 두기에는 애매하니, 정리 리스트를 사용해서 정비해야겠다.

## Working

- [x] utterances -> giscus 이전
- [x] Header 자동 삽입
- [x] 최근 글 리스트 삽입
- [x] Tag 정비
  - 글마다 태그 넣어야 하고, 태그별로 볼 수 있게 하고, 글 하단에 태그 리스트 출력
- [x] 글 목록을 볼 수 있게 만드는 페이지
  - 각 카테고리 별로 있으면 좋을 듯
- [x] 테마 내부적으로 변경 사용
  - 3차 하위페이지 노출 안하도록 변경
  - 카운트 노출하도록 변경
  - 3차 이하 페이지 선택시 상위 카테고리 선택된 UI 노출
- [x] 카테고리 별로 카운트 적용
- [x] Footer 정비
- [x] import 안되는 lib 들 확인. Math / Graph 라이브러리 추가 필요..
- [x] Latex 적용
- [x] Mermaid 적용
- [x] Design Pattern 그릴 수 있게 준비
- [x] BA 곡 추가
- [x] PageView 중복 현상 useState로 막기
- [ ] katex, mermaid를 built-in으로.. 일단 vite plugin을 built-in화 시키는 것을 고민..
- [ ] Loading Animation, Transition, 새로운 ccs 표준으로?
- [ ] Code 조각 볼 수 있게 하는 페이지 신규 개발

## Pending

- [ ] 개인 소개 페이지 작성
- [ ] OTP 페이지 작성
- [ ] Coding Note 개선. 폴더별로 빌드해서 Viewer에 연결.. API 처럼 활용해서 가져오기? (React Component로 쿼리해서 가져올 수 있을 듯)
- [ ] 다크 테마 적용
- [ ] Counter
- [ ] 우측 메뉴에 최근 글?

## 공사 원칙

- 모든 컴포넌트들은 10년 쓸 생각으로 깔끔하게 모듈화
  - 나중에 컴포넌트 만든 것 기반으로 npm 공개도..
  - React 컴포넌트들은 재활용이 쉬우니 다양하게 만들어서 활용하자.
    - 남이 만든건 잘 못쓰겠다. -,.-