K Note (react-blog)

프로젝트 구상계기

1. 데이터 백업

   notion을 사용하여 필요한 정보들을 정리를 했었는데 오래된 이미지가 깨지거나 링크가 깨지는 경우가 생김

   
   

2. 데이터 관리

   notion을 사용하다보니 내가 언제 공부를 했는지 확인 및 추적이 어려움

   
   

3. 학습 동기부여

   github로 내역을 보면서 내가 언제 공부를 했고 안했는지 확인이 가능해 동기부여가 될듯함.

   
   

위의 이유로 블로그를 만들기로 결심했다.

찾아보니 jekyll과 github pages를 이용하여 blog를 만들어 쓰는 사례가 많아서 한번 사용해볼까 했는데 뭔가 완벽하게 마음에드는 theme도 없었고 있어도 뭔가 기능이 1개씩 부족했고 사용법도 은근히 귀찮은점이 많았다.

그러다가 차라리 내가 만들어서 사용하는게 낫겠다고 느꼈고 이참에 공부도 할겸 직접 만들어 보려고 마음을 먹고 만들게 되었다.

기술스택

Front-End: react, typescript, next.js, styled-components Back-End: x 배포관리: Github Pages 프로젝트 관리: Notion GitHub: kkj6670.github.io

주요기능

1. board 목록

2. board 뷰어

3. board 검색

4. board 목차 navigation

5. theme 변경 (dark, white)

6. 모바일 반응형 처리

배운점

• next.js 기본 사용법
• seo 기본 처리방법
• md파일 작성방법 숙달
• typescript 숙달
• 앞으로의 학습을 동기부여 ( 개발한게 아까워서라도 써야지... )

아쉬운점

• 처음에 너무 간단하게 생각하고 시작하다보니 생각을 못했던 부분이 많아 버그도 생기고 추가적인 기능들도 생각나서 부랴부랴 진행을 한것이 많았다. 처음 시작할때 설계를 완벽히 했으면 좋았을꺼같다.
• seo처리를 생각 안하고 CSR 처리로 개발을 완료 했다가 next.js로 바꾸었는데 처음부터 next.js를 사용할껄 하는 후회