Tag: Performance
- React 18의 새로운 기능들: Concurrent Rendering 이해하기
React 18에서 도입된 Concurrent Rendering의 개념과 실제 사용 방법을 알아봅니다. Suspense, Transition API 등 새로운 기능들을 실습 예제와 함께 살펴보겠습니다.
- 웹 성능 최적화: Core Web Vitals 개선하기
Google의 Core Web Vitals 지표를 이해하고, LCP, FID, CLS를 개선하는 실전 전략들을 소개합니다. 측정부터 최적화까지 단계별로 알아봅니다.
- Next.js 이미지 최적화 완벽 가이드
Next.js의 Image 컴포넌트를 활용한 이미지 최적화 전략을 다룹니다. 자동 최적화, lazy loading, 반응형 이미지 등 성능 향상 기법들을 실습합니다.