안녕하세요.
디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.
이번 포스팅에서는
리액트 개발할 때 유용하게 사용되는 '리액트 개발자 도구'에 대해 다뤄볼게요.
지금부터 가독성을 위해 문어체를 사용하겠습니다!
리액트 개발자 도구
크롬 확장 프로그램 중 하나.
리액트 개발에 유용하게 쓰인다.
리액트 개발자 도구 설치
- 'react developer tools'를 검색하면. React Developer Tools - Chrome 웹스토어가 나오는데 해당 링크 클릭.
- '크롬에 추가'버튼 누르면 설치가 됨.
- Components 와 Profiler 는 리액트로 만들어진 웹페이지에서만 나타난다.
728x90
'코딩도 합니다 > React' 카테고리의 다른 글
[리액트 react] 컴포넌트의 속성을 지정하는 법 / Props (0) | 2021.08.21 |
---|---|
[리액트 react] 리액트 앨리먼트 / 컴포넌트 (0) | 2021.08.21 |
[리액트 react] JSX / Fragment 프래그먼트 / JSX에서 자바스크립트 사용법 (0) | 2021.08.15 |
[리액트 react] 리액트 프로젝트 만들기 (0) | 2021.08.09 |
[리액트 react] 개발 환경 세팅 Mac / Windows (0) | 2021.08.09 |