MyWeb 프로젝트 Ver2

Publish : Update :

카테고리:

태그: , ,

MyWeb React Version

개발 환경

VSCode npm React TypeScript css

준비 과정 중 사용해본 개발 환경 html JavaScript Tailwind CSS Node.js Vue.js Next.js Vite

프로젝트 목적

스터디와 Jekyll templete 없이 개인 웹페이지 제작

프로젝트 준비 과정

2022-08-21 ~ 2022-08-23

  • create-react-app의 public 폴더가 싫어서 여러 Library/Framework 사용
    • Vue.js, Vite와 tailwind css 등을 사용
  • 결론은 기초부터 하는게 나을 것 같아 모두 쌩으로 공부하면서 제작 중

  • Web 상에서 Markdown 생성, 수정 기능 관련 자료 및 코드 리뷰
    • CodeMirror, Toast UI, MarkText 등의 Martdown Editor 참고
    • Obsidian, MarkText 기능을 원하지만 구현 힘들 듯(시간 두고…)

프로젝트 계획

1차
  • Posts 자동 분류 기능
  • 카테고리에 따라 Side bar, Header bar 자동 Rendering 기능
  • Skill Badge URL Markdown에 추가 기능
    • 일부 Skill의 URL 주소가 base64로 너무 김
    • Skill 이름만 넣으면 추가 되는 기능 구현하고 싶음
  • 본인만 들어갈 수 있는 Admin 페이지 고려
    • WakaTime Page
      • Web에서의 Data Visualization 스터디 목적
2차
  • Deploy Automation 기능
    • Web에서 Post(Markdown) 추가 및 수정 내용 확인 및 배포 기능 구현
  • Google Keep, Microsoft Sticky Note Migration
  • Web Markdown 실시간 추가 및 수정 기능
    • Markdown & wysiwyg Editor 추가(힘들 듯)
    • 현재와 같이 Obsidian에서 추가 및 수정 방법 유지해야 할 듯