[11팀 정영훈] Chapter 1-3 React, Beyond the Basics

[clorose]

과제 체크포인트

배포 링크

기본과제

• shallowEquals 구현 완료
• deepEquals 구현 완료
• memo 구현 완료
• deepMemo 구현 완료
• useRef 구현 완료
• useMemo 구현 완료
• useDeepMemo 구현 완료
• useCallback 구현 완료

심화 과제

• 기본과제에서 작성한 hook을 이용하여 렌더링 최적화를 진행하였다.
• Context 코드를 개선하여 렌더링을 최소화하였다.

과제 셀프회고

기술적 성장

코드 품질

학습 효과 분석

과제 피드백

리뷰 받고 싶은 내용

[SeongYoonMin]

저와 공통사가 많으신(?) 영훈님..! 같은 개발이라도 다른분야여서 더 힘드셨을탠데 저보다 훅이나 비교부분이 더 잘 구현된거같아서 오히려 잘 배우고갑니다... 제 코드는 항상 뭔가뭔가 지저분한? 코드가 되던데 너무 간결하고 읽기편했어요... 심화과제도 도전해보시면 정말 재밌으실꺼에요..! 파이팅이고 이번주도 고생하셨습니다 :)

[d5br5]

deep에서도 공통으로 사용하고 있는데, 유틸함수로 분리하면 재사용성을 높일 수 있지 않을까 싶습니다!

[d5br5]

심화과제 구현은 안하신건가요..? ㅜㅜ 아쉽습니다

고생 많으셨습니다!!

[dosilv]

영훈님! 이번주도 시간이 많이 없으셨던 것 같은데 그래도 가능한 만큼 구현하시고 올려주신 거 좋아요..👏🏻👏🏻
useRef, useMemo, useCallback의 동작 원리를 이해하는 것만으로도 렌더링 사이클과 최적화 방법을 이해하는 데 큰 도움이 되실 거라고 생각해요! 저는 실무에서 리액트를 쓰면서도 개념을 대충만 알고 적용해와서 3주차 과제가 엄청 도움됐었거든요ㅎ.ㅎ 미리 솔루션 브랜치 받아두시고 여유 되실 때 다시 해보시면 더 좋을 것 같아용 (수강료 낸 만큼.. 뽑아가야 하니까..!)
너무 수고하셨구 이번주도 파이팅입니다~~~💪🏻👍🏻