🔖 optimization 태그

리액트 개발자 도구 탐구

최적화를 하기 위해서는 성능을 측정하는 방법을 알아야 한다. 동시에, 이게 어떻게 렌더링이 되며, 어떤 과정을 거쳐서 변화가 되는지도 파악할 필요가 있다. 이를 도와주는 개발자 도구에 대해서 알아보자.

모바일 사용자 기준 로딩이 3초 이상 걸리면 53%의 이탈율을 보입니다.(구글 보고서 기준) 사용자 경험에서 최적화는 굉장히 중요하다고 이야기할 수 있습니다. 리액트에서 어떻게 최적화를 할 수 있는 지 이야기를 하고자 합니다.

항해 플러스를 진행하면서 리액트 성능 최적화를 진행했습니다. 그 과정에서, 최적화를 하는 방법을 배울 수 있었습니다. 최적화 기법을 도입한 결과 성능이 좋아지기도 했지만, 저하된 경우도 있었습니다. 이에 대한 기록입니다.