728x90
반응형
개발자 도구
Chrome과 Firefox의 React Devtools 확장 프로그램을 사용하면 브라우저 개발자 도구에서 React 컴포넌트 트리를 검사할 수 있음
React DevTools를 통해 React 컴포넌트의 props와 state도 확인할 수 있음
React DevTools를 설치한 후에 페이지의 모든 엘리먼트에 오른쪽 클릭을 하고 “요소 검사”를 클릭하여 개발자 도구를 열면 탭의 오른쪽 끝에 React 탭(“⚛️ Components”와 “⚛️ Profiler”)을 확인하실 수 있음
컴포넌트 트리를 검사하고 싶다면 “⚛️ Components”를 사용하기
참고 자료 : https://ko.reactjs.org/tutorial/tutorial.html#overview
자습서: React 시작하기 – React
A JavaScript library for building user interfaces
ko.reactjs.org
반응형
'프로그래밍 > React' 카테고리의 다른 글
| [React] Hooks란? (0) | 2023.01.19 |
|---|---|
| [React] State 끌어올리기 - 리액트 자습서6 (0) | 2022.11.18 |
| [React] 사용자와 상호작용하는 컴포넌트 만들기 - 리액트 자습서4 (0) | 2022.11.16 |
| [React] 리액트 조건문 (0) | 2022.11.08 |
| [React] Props를 통해 데이터 전달하기 - 리액트 자습서3 (0) | 2022.10.27 |