[6팀 김소리] Chapter 4-2. 코드 관점의 성능 최적화

[milmilkim]

https://milmilkim.github.io/front_7th_chapter4-2/

과제 체크포인트

과제 요구사항

• 배포 후 url 제출

• API 호출 최적화(Promise.all 이해)

• SearchDialog 불필요한 연산 최적화

• SearchDialog 불필요한 리렌더링 최적화

• 시간표 블록 드래그시 렌더링 최적화

• 시간표 블록 드롭시 렌더링 최적화

과제 셀프회고

이번 과제를 통해 체감되는 최적화를 해볼 수 있었다. React 개발자도구를 제대로 써본적이 없었는데 성능 최적화 하는 방법에 대해 살짝 감을 잡을 수 있어서 좋았다.

기술적 성장

메모이제이션을 어떻게 해야 성능 최적화가 된다는 건지 감이 안 왔었는데 드래그 앤 드롭 기능에서 엄청나게 리렌더링되는 것을 시각적으로 확인하고 나니 렌더링 최적화를 왜 해야 하는 건지 알게 되었다. 🥲

코드 품질

학습 효과 분석

앞으로 최적화를 좀 더 신경써서 작업해볼 수 있을 거 같습니다.

과제 피드백

리뷰 받고 싶은 내용

연말이고 이런 저런 일들로 인하여 과제에 많이 집중을 못 했던 것 같습니다. T.T
새해 복 많이 받으세요 ^ㅡ^