Skip to content
Gyeungil Choi edited this page Jan 7, 2025 · 34 revisions

이 페이지는 프로젝트의 CS 리팩토링과 AI 기능 추가를 위한 과정을 상세히 정리하기 위한 Wiki입니다.

초기 버전의 GitHub 레포지토리와 Wiki는 아래 링크를 참고해 주세요


🎯 목표

나연

프로젝트 완성도 높이면서 부족한 CS 학습

  • 품질 개선: 리액트 렌더링 최적화
  • 사용성 개선: 다국어 적용 + 코치마크 개선 (수치화 - 휴리스틱 알아보기)

영재

코드 품질 향상, 기존 기능 개선하기, 프로젝트 완성도 높이기

  • 코드 분리가 안된 부분 분리하기 (코드 품질 향상)
  • tanstack query suspense 기능 써보기 (useSuspenseQuery 등등)
  • 스토리북 api 연동하기
  • 기존 무한스크롤 대신 virtual scroll 적용하기

유진

사용자의 사용성 개선 + 사용성 개선을 위한 성능 개선

  • 워크스페이스 저장 편리하게(socket)(사용성 개선 + 수치화 o + CS 공부용)
  • 창 사이즈 조절(드래그 앤 드롭 + 탭 컴포넌트 접었다가 피기)(사용성 개선 + 수치화 x(naver 애널리틱스는 뭐노)… + 상태 관리 공부용 + 플러그인 공부용)
  • 썸네일 이미지 저장 최적화(성능 개선 + 수치화o + iframe이랑 렌더링 + 수치화 도구 공부용)

경일

“수치화” + “남이 봤을때 이해하기 좋은 코드”

  • 구글 애널리틱스 등록으로 유입률 수치화
  • 코드 하이라이팅 버그 수정
  • Blockly 커스터마이징 플러그인화
  • 코드 하이라이팅 오픈소스 등록? 라이브러리 등록?

홍현지

빌드 및 배포 속도 개선, 라이브러리 커스터마이징을 개선하여 개발 효율성 높이기

  • cicd 속도 개선
  • 도커이미지 최적화
  • 블록 커스터마이징 수정