[LAB-5] 성능개선을 위한 코드리뷰 요청

seoohyeon commented 1 year ago

질문 작성자

김서현

문제 상황

리코일의 atom을 너무 많이 사용해서, 알맞게 잘 사용한 것인지에 대해 코드리뷰를 통한 피드백을 받고 싶습니다.
lighthouse를 통한 확인한 것에 대한 성능개선을 원합니다.

이미지 높낮이 제외한 나머지 오류 이슈의 해결방안이 궁금합니다..

여기서 robot.txt를 읽어보면 index.html얘기를 하는듯 한데 왜 오류가 낫는지 정확히 모르겠습니다..

나머지도 전체적으로 성능 개선을 하기위한 피드백을 부탁드립니다.

프로젝트 저장소 URL

현재 파일 위치 https://github.com/React-Project-lab5/React-Project-lab5 main브랜치
src파일 : src.zip
로그인은 구글로그인 혹은 아이디 : babjo@naver.com / 비번: aaaa1111 입니다.
.env파일에 작성하시면 되는 코드를 아래에 적어드립니다.
.env파일 평소와 바꼈으니 주의바랍니다!!!!!!!!!

VITE_API_KEY = AIzaSyDBWIctC8FjPlqPiJllfsIX_HveGYDD1ao VITE_AUTH_DOMAIN = babjo-life.firebaseapp.com VITE_PROJECT_ID = babjo-life VITE_STORAGE_BUCKET = babjo-life.appspot.com VITE_MESSAGE_SENDER_ID = 1065462580105 VITE_APP_ID = 1:1065462580105:web:a78b340517d5f108ee5758 VITE_MEASUREMENT_ID = G-YFM830245Z VITE_SERVICE_KEY=M4E1Vdrm%2Ba%2FjVfatJPdEbBibLbYBeDaGm7tgF%2BxisSinPYTEEBDkFgSO0gmqjAZGOzfrSffYbsOF3XshtdL6lg%3D%3D VITE_KAKAO_API_KEY=ebf9334d7db030f4f026a0d53f08a62a

환경 정보

운영체제 : Windows
Node.js : v16.14.0
라이브러리 : React v18.2.0

yamoo9 commented 1 year ago

성능 개선을 위한 가이드

코드 리뷰 및 최적화를 진행한 https://github.com/yamoo9/likelion-FEQA/issues/286#issuecomment-1504926019 답변과 같은 과정을 거쳐 최적화(리팩토링 이전 68점 → 리팩토링 이후 97점)를 수행해야 합니다.

오늘(2023. 4. 13) 오후 2시 가이드방에서 LAB 18조에게 최적화 수행 결과를 실시간 가이드 합니다. @seoohyeon님께서 시간이 된다면 참석하여 과정을 검토한 후 최적화를 수행하길 권합니다. 😃

yamoo9 commented 1 year ago

영상 가이드

React 성능 개선을 고려한 배포(build) 최적화 가이드 영상을 참고하세요. 😀

yamoo9 / likelion-FEQA