[Week5] 이미지 갤러리 최적화 - 권동희

[hamxxn]

📚 이번 주 학습 내용

• 읽은 범위: 4장 이미지 갤러리 최적화

---

📝 정리한 내용

• 마크다운 파일 이름: (예: chapter-03.md)
• 주요 개념 정리
• 예시 코드 및 설명
• 기타 참고자료 (있는 경우)

---

💡 핵심 요약

• 웹 페이지의 레이아웃 이동(CLS)을 방지하려면 이미지나 광고 요소에 명확한 사이즈 또는 aspect-ratio를 설정해야 한다.
  지연 로딩 시 react-lazyload의 offset 옵션으로 UX를 개선할 수 있으며, 불필요한 렌더링은 Redux에서 useSelector 분리와 Equality Function으로 최적화한다.
  복잡한 메모이제이션은 useMemo, useCallback 대신 React Forget으로 자동화 가능하다.

---

🤔 느낀 점 or 토의하고 싶은 부분

• react compiler가 나온 후 memo, useCallback 등의 중요도

---

✅ 기타

참고 리소스

• https://developers.kakaomobility.com/docs/techblogs/react-compiler/