Frontend 개발자 - hyo.loui

🚩 Project codefolio: MVP 중간발표 본문

Project

🚩 Project codefolio: MVP 중간발표

hyo.loui 2023. 2. 25. 02:13

3주차까지의 후기 및 소감

 

3주차까지의 후기 및 소감

A new tool for teams & individuals that blends everyday work apps into one.

www.notion.so

1. MVP 중간발표 자료(기입)

 

codefolio-중간발표

 

drive.google.com

2. 기술적 의사결정 & 트러블슈팅 기록

 

라이브러리 선정

1. Text Editor

www.notion.so

 

캐러셀 라이브러리 선정 · Issue #44 · react-challengers/Codefolio

캐러셀 라이브러리를 선정하기 위한 이슈입니다. 대표적인 캐러셀 라이브러리들의 npm trend 위 트랜드를 바탕으로 선택지를 줄이기 위해 상위 2개의 라이브러리를 비교하고자 합니다. 단순 지표

github.com

 

toast UI Editor 작성중 영역 (노란 박스) 사용 여부 의사결정 · Issue #162 · react-challengers/Codefolio

텍스트 에디터에 변경되는 블록이 하이라이트 되는 이슈입니다. 해당 부분에 대한 의견을 댓글로 남겨 주세요.

github.com

https://github.com/react-challengers/Codefolio/discussions/197

 

Recoil VS Jotai · Discussion #197 · react-challengers/Codefolio

recoil 장점 리팩토링 거의 없음 단점 Detail 모달 hash 지원 없음(이 부분은 서비스 핵심 중 하나) jotai 장점 Detail Modal hash 지원 참고. sync-with-router 더욱더 간소해질 client state 코드 단점 전환비용 학습

github.com

Toast UI Editor VS Tiptap VS ETC... · Discussion #198 · react-challengers/Codefolio

 

Toast UI Editor VS Tiptap VS ETC... · Discussion #198 · react-challengers/Codefolio

주요 요구사항 성능 번들사이즈 동작여부 마크다운 문법 이미지 업로드 지원 Toast UI Editor 유지 장점 리팩토링할 필요 없음 이미지 업로드 가능 단점 SSR 지원이 없어 성능이 나쁨(핵심 기능 중 하

github.com

 

3. 중간발표 피드백 기록

  • 월요일에 대면 피드백을 꼼꼼히 기록해두고, 개선이 필요한 사항에 적용해봅시다.(추후 작성)

 

 

4. 중간 발표 후 회고

 

1) 미구현 된 MVP 기능

  • 검색 기능 (자동완성 지원)
  • 알람기능 (좋아요 및 댓글에 대한 알람)

 

2) 추가/개선 할 기능과 그 이유

  • (추가) 게시글 및 사람 추천 뱃지 : 단순한 좋아요가 아닌, 프로젝트나 사람에 대한 긍정적인 피드백을 주기 위해
  • (추가) github api 추가 : 외부 API를 사용해 데이터를 가져오는 경험 + 부트캠프 컨셉에 맞는 API 적용
  • (개선) react-query로 리팩토링 진행
  • (개선) atom 원자단위 리팩토링 진행
  • (논의) Toast UI Editor에서 타 Editor로 변경하여 라이브러리 용량, 성능 개선
  • (논의) Recoil to Jotai 리팩토링 논의
  • (스타일) 디자인 완성본 적용, 인터렉션

 

3) 추가/개선할 기능을 어떻게 구현 할 것인지

  • 게시글 및 사람 추천 뱃지 : 좋아요 기능에 type 추가, post table에 column 추가

  • github api 추가 : 개인의 사용언어, 프로젝트별 기여 정도를 대략적으로 파악할 수 있게끔 구성

 

5. 앞으로의 계획 및 우선순위

순위 구분 앞으로의 계획 (구체적으로)
1 MVP 검색 기능 구현하기
2 MVP 알람 기능 구현하기
3 개선 react-query로 리펙토링 진행하기
4 개선 atom 원자단위 리펙토링 진행하기
5 스타일 디자인 완성본 적용 및 인터렉션 고도화 하기

 

6. 이번주(23.03.03)까지 해야할 일

 

1.1.0 버전 · Issue #171 · react-challengers/Codefolio

시작 이전 recoil to jotai 논의(#197 ) Toast UI Editor VS Tiptab(#198 ) 이미지 업로드 library 선정(#205 ) 주요 테스크 ERROR! #196 #199 #200 기능 추가 #202 Post Page 디자인에 맞춰 업데이트 게시글 삭제 시 storage / post-

github.com

 

'Project' 카테고리의 다른 글

Project: 🚩codefolio - 이미지 최적화, 성능 개선  (0) 2023.03.24
Project: 🚩codefolio - 텍스트 에디터 변경  (0) 2023.03.23
Project: 🚩codefolio - toast ui Editor(codeSyntaxHighlightPlugin) 적용 중 에러 노트  (0) 2023.02.22
Project: 🚩codefolio - recoil, supabase Auth  (0) 2023.02.16
Project: 🚩codefolio - Toast UI Editor 사진 업로드  (0) 2023.02.16
'Project' Related Articles more