리액트 프로파일러

이거 브라우저 확장프로그램에 있음. 그거 다운받아서 쓰면 됨.

 

컴포넌트에 대한 정보 보는 것도 있음.

여러가지 나옴. props, 사용한 훅, 뭐에 의해 랜더링 됐는지 등

 

 

다시 프로파일러 돌아와서,

저 파란버튼 누르면 측정 시작

저거 누른 후, 활동하면 됨.

뭐 버튼 누르거나 등.

그 후 측정 시작되서 빨간버튼이던 걸 다시 누르면 결과가 나옴.

그러면 랜더링 얼마나 걸렸는지 나옴.

 

이걸로 확인해보면서 어느 컴포넌트에서, 뭐가 얼마나 걸렸는지 확인하면서 작업하면 됨.