1. 작업중인 사항에 대해 공유하고 개선점에 대한 의견을 나눴습니다.
2. 신규 PR 사항에 대해 코드리뷰를 진행하고 확인하는 시간을 가졌습니다.
- Error boundary 수정사항을 반영하여 list 페이지와 마이페이지에서도 에러처리가 잘 되도록 했습니다.
- list 페이지에서 헤더의 좌우 폭이 마이페이지와 달라서 수정하였습니다.
- list 페이지의 ‘이달의 차트’ 컴포넌트에 미적용된 에러처리를 적용했습니다.
- Mac 환경에서 특정 상황에서 폰트가 움직이는 현상이 있어서 다음과 같이 수정했습니다.
- globalStyle.jsx 파일의 font-face를 지우고, index.html에서 폰트 link를 적용했습니다.
- meta 태그를 보완하고, 배포 후 공유했을 때 웹사이트 정보가 잘 표출되도록 수정작업을 진행했습니다.
3. 발표자료 준비를 병행하며 추가사항 및 개선사항에 대해 의논했습니다.
- 발표를 진행할 때 참고할 스크립트를 작성하여 공유하였습니다.
- 팀원님들의 의견을 종합하여 보완할 사항, 추가할 사항을 스크립트에 반영했습니다.
- 제작중인 PPT 자료에 스크립트의 내용을 반영했습니다.
4. 멘토링을 병행하며 다음과 같은 멘토님의 의견을 받았습니다.
- netilify 배포 시에 page not found 오류에 주의하라는 의견을 주셨습니다.
- useCredit 파일의 실시간 업데이트 기능으로 인해 사용자가 웹사이트에 있을 때 아무것도 안해도 1초에 한번씩 업데이트되고 있다고 개선사항을 말씀해 주셨습니다.
- 이유는 SWR의 refreshinterval 때문인데, 1초마다 쉬지 않고 작업이 계속되어 리소스가 낭비될 수 있다는 특징이 있습니다.
- 따라서 이 개선점을 SWR 사용 대신 jotai 같은 전역상태관리 라이브러리를 사용하여 수정해보기로 했습니다.
5. 프로젝트를 배포하고 확인작업을 하며 개선점에 대한 의견을 나눴습니다.
- netilify 배포 후 page not found 오류를 _redirects 파일을 추가하여 해결했습니다.
- 배포 후 공유했을 때 웹사이트 정보에서 이미지가 계속 안뜨는 문제가 있었습니다.
- 문제에 대해 함께 의논하며 원인을 찾는 데 집중했습니다.
- 원인은 vite로 프로젝트 작업 시, index.html 위치에 따라 meta 태그에서 경로설정을 달리 해줘야 하는데, 그렇지 않고 public 폴더를 기준으로 작업한 것이었습니다.
- 따라서 경로를 현 index.html 위치를 기준으로 재설정하여 공유 시에 이미지가 잘 뜨는 것을 확인했습니다.