더북(TheBook)

11.1.3 크롬 개발자 도구 [Performance] 탭 사용

 

개발 환경에서 리액트를 사용할 때 크롬 개발자 도구의 Performance 탭으로 성능 상태를 시각적으로 확인할 수 있습니다. 먼저 http://localhost:3000/?react_perf처럼 주소 뒷부분에 react_perf를 넣어 줍니다.

페이지를 띄운 후 크롬 개발자 도구를 클릭하여 Performance 탭을 엽니다.

▲ 그림 11-4 크롬 개발자 도구 [Performance] 탭

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.