클라우딩 어플리케이션 엔지니어링 TIL/9주차

[파트6] 리액트 실습 개발자 도구 활용

병아리개발자Mr Jo 2024. 6. 16. 23:46

실습내용

리액트 개발자 도구인 React developer tools 설치 및 사용법

실습

 

개발자 도구의 중요성

개발을 진행함에 있어 개발자 도구는 필수적인 요소라 할 수 있다.

디버깅과 성능 최적화 측면에서, 개발자 도구는 이러한 작업을 효율적으로 수행할 수 있도록 다양한 기능을 지원한다.

예를 들어, 컴포넌트 탐색, 상태 및 props 디버깅, 성능 프로파일러 등은 개발자 도구가 제공하는 주요 기능들이다.

 

실습과정

설치 및 작업중 사용법은

해당 툴이 있다는것만 기억하고 구글서치하여 진행.

 

설치 방법 및 사용법 아래 블로그 참고

https://velog.io/@seesaw/React-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%8F%84%EA%B5%AC-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0-Dev-Tools

 

React 개발자 도구 활용하기 (Dev Tools)

React Dev Tools 제대로 활용하여 좀 더 효율적인 개발을 해보자 🛠️

velog.io

 

 

느낀점

아직 익숙치가 않은데 추후 리액트를 계속 사용하면 필수 일 것 같다

리액트 개발을 진행 하면서 익숙해져야 할 것 같다.