웹 성능 최적화 - 렌더링 최적화

이 글은 웹 앱의 성능을 최적화하는 두 가지 주요 방법, 즉 렌더링 성능 최적화와 로딩 성능 최적화에 대해 다룹니다. 특히 렌더링 성능 최적화 기법 중 애니메이션 최적화(Reflow, Repaint)와 로딩 성능 최적화 기법 중 컴포넌트 Lazy Loading(Code Splitting)을 소개합니다.

실제 병원 어드민 웹앱에 이러한 최적화 기법을 적용하는 과정을 보여주며, 웹 성능 개선의 중요성과 구체적인 방법을 제시합니다. 이를 통해 사용자 경험을 향상시키고 더 나은 웹 서비스를 제공하는 것을 목표로 합니다.