Perfomance 탭 Timing에서 React Component 관련 실행 내용
253
작성한 질문수 1
안녕하세요 유익한 강의 잘보았습니다! :)
강의 예제의 경우 'Timing' 프레임 차트에서 DCL, FP 등과 함께 React Component 관련 실행 내용이 보이지만, 다른 리엑트 페이지들 살펴보니 예제 프로젝트 처럼 React 관련 내용이 표시되지는 않는 차이점을 발견했습니다.
혹시 Timing 프로파일링에 React Component에 대한 내용이 포함되게 하기 위해 플러그인이나 별도 설정이 필요한 부분이 있는 걸까요?
답변 1
0
안녕하세요 kkj님,
Performance 패널에서 React Components의 프레임차트에 대해서 질문을 주셨는데요.
기본적으로 해당 기능을 사용하기 위해서는 React Developer Tools 확장 프로그램이 필요합니다.
아래 링크에서 설치하실 수 있습니다.
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko
또한, 해당 확장 프로그램이 있다고 모든 React 웹 페이지를 검사 할 수 있는 것은 아니고,
개발 환경으로 실행된 React 프로젝트들에서만 해당 기능을 사용하실 수 있습니다.
즉, 어떤 사이트를 분석해보셨는지는 모르지만, 아무리 React로 개발된 서비스여도 개발환경이 아니면 React Developer Tools의 기능이 동작하지 않습니다.
답변이 도움되었기를 바라며, 강의에 관심을 가져주셔서 감사합니다. :)
bundle analyzer 에 대한 질문이 있습니다.
0
108
2
Cannot find module serve 에러
1
104
1
성능 탭에서 소요시간이 안보입니다
0
204
2
이미지 CDN 만드는 방법
0
459
1
Performance FPS 탭이 안보여요.
1
797
1
CPU throttling이 뭔가요?
0
1119
1
default export가 아닌 named export일 때 lazy사용법
1
1070
1
lazy적용하였는데 네트워크탭에 분리하여 보이지 않습니다
1
582
1
network 캐싱에 대해서 질문 있습니다!
1
426
1
vue project에서 chrome performance tab 확인하기
1
457
1
node version으로 인한 오류
4
1231
1
강의 자막
1
956
2
번들파일과 병목현상 질문
2
396
1
webpack-bundle-analyzer 질문
1
786
1
이미지 프리로딩 질문
1
385
1
이미지 최적화 활용
1
581
1
강력 새로고침
1
323
1
Suspense 관련해서 질문드립니다
2
360
1
config-overrides cant resolve path
1
362
1
이미지 preload 컴포넌트 preload 차이 질문드립니다.
1
611
1
custom react 환경에서 node_modules chunk 분리
1
380
1
removeSpeical 함수를 줄여야겠다고 하는 이유!
1
282
1
Factory pattern에 대해서 궁금한 점이 있습니다
2
365
2
텍스트 압축 방식에 대해 질문이 있습니다
2
951
1