728x90
반응형
가뜩이나 힘든 컴포넌트 구조를 개발자 도구에서 보자
1. 아래 링크로 가서 설치/ 등록
React Developer Tools
Adds React debugging tools to the Chrome Developer Tools. Created from revision ca7a38ae4 on 5/12/2022.
chrome.google.com
2. 확장 프로그램 등록 / 세부설정
3. 개발자 도구를 열고 컴포넌트 렌더링 업데이트시 하이라이트 처리 체크
그럼 사이사이에 하이라이트 처리가 된다 렌더링 업데이트가 되는것들 / 그리고 props 등 목록이 뜬다
728x90
반응형
'JS Library > React' 카테고리의 다른 글
| 커스텀 Hooks (0) | 2022.05.25 |
|---|---|
| React.memo (0) | 2022.05.25 |
| useCallback 를 사용하여 함수 재사용 (0) | 2022.05.25 |
| useMemo 를 사용하여 연산한 값 재사용하기 (0) | 2022.05.24 |
| useEffect 를 사용하여 마운트, 언마운트, 업데이트 시 할 작업 선택 (0) | 2022.05.23 |
| 배열에 항목 수정하기 (0) | 2022.05.20 |