-
Notifications
You must be signed in to change notification settings - Fork 0
Home
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 속도 개선
- 도커이미지 최적화
- 블록 커스터마이징 수정