내가 한것
- 라이브 모니터링 구현
- 웹소켓 커스텀 훅 도입
- 기기 스펙 관련 방어적 반응형 UI 구현
- SVG 관련 비율 문제
- noneAspectRatio = ‘none’을 이용한 svg 비율 파괴
- viewBox에 관한 이해
- 레거시 코드 마이그레이션 → 글작성
- 말풍선 컴포넌트 구현
- 물탱크 컴포넌트 구현
- 쓸모없는 라이브러리 의존성 개선
- 웹소켓의 잘못된 사용으로 인한 새로고침 안됨 개선
- 모니터링 관련 에러 바운더리 구현
- 웹소켓 연결 에러
- 웹소켓 통신 관련 비동기적 에러 발생에 대한 처리 → useAsyncError와 원리 (작성해야함)
- 비동기적 상황에서 에러바운더리가 에러를 캐치하는 다른 방법 → JBee에서 더 알아 볼것
- 라이브 모니터링 비즈니스 로직 구현 (추상화 하여 Core 시스템 구축 예정)
- 데이터 모델 양식 개선 제안
- jsDoc을 이용한 주석 작성
- extension을 이용하여 jsDoc 편하게 쓰기
- vsc debugger를 통한 디버깅 시작
- react Profiler + chrome Profiler를 이용한 성능 측정 시작
툴 변경
- 기본환경 → 넥스트 js + msw + rtl + jest + storyBook + ts
- 상태관리 → reactQuery + recoil(or jotai)
디자인 시스템(디자인 키트, 스토리북)
- 디자인 키트 컴포넌트 설계 및 사용
- 스토리북 배포를 통해 디자이너에게 피드백 받기
- theme 생성 및 다크/라이트 모드 migration
- 모니터링 컴포넌트 디자인 키트 화
에러 && 로딩 핸들링 고도화