[Week5] 이미지 갤러리 최적화 - 박희선

[heesunee]

📚 이번 주 학습 내용

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

---

📝 정리한 내용

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

---

💡 핵심 요약

• 사용자 경험과 성능 향상을 위해 프론트엔드에서의 캐싱, 이미지 로딩, CSS 관리가 중요하다.

• Cache-Control, ETag 등의 캐시 전략으로 서버 요청을 줄일 수 있다.

• PurgeCSS, Lazy Loading, aspect-ratio, useMemo 등을 활용하면 로딩 속도와 안정성을 높일 수 있다.

---

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

• React.memo와 useCallback의 실질적인 성능 이점을 측정할 수 있는 기준이 모호한 점도 있어, 실제 렌더링 비용을 어떻게 확인하면 좋을지 논의해보고 싶다.

---

✅ 기타

참고 리소스:

• https://web.dev/performance-scoring/

• https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching