react-debugging이란?
구성 요소, 소품 및 구성 요소 트리를 검사하여 React 애플리케이션을 디버그합니다. 사용자가 React 앱을 디버깅할 때, 구성 요소 소품/상태를 검사하고 싶거나, 요소를 렌더링하는 구성 요소를 찾거나, React 구성 요소 계층 구조를 이해하고 싶을 때 사용하세요. 출처: serkan-ozal/browser-devtools-skills.
구성 요소, 소품 및 구성 요소 트리를 검사하여 React 애플리케이션을 디버그합니다. 사용자가 React 앱을 디버깅할 때, 구성 요소 소품/상태를 검사하고 싶거나, 요소를 렌더링하는 구성 요소를 찾거나, React 구성 요소 계층 구조를 이해하고 싶을 때 사용하세요.
명령줄에서 react-debugging AI 스킬을 개발 환경에 빠르게 설치
출처: serkan-ozal/browser-devtools-skills.
Debug React applications by inspecting components, props, and the component tree.
Without the extension, tools use best-effort DOM scanning which is less reliable.
구성 요소, 소품 및 구성 요소 트리를 검사하여 React 애플리케이션을 디버그합니다. 사용자가 React 앱을 디버깅할 때, 구성 요소 소품/상태를 검사하고 싶거나, 요소를 렌더링하는 구성 요소를 찾거나, React 구성 요소 계층 구조를 이해하고 싶을 때 사용하세요. 출처: serkan-ozal/browser-devtools-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging구성 요소, 소품 및 구성 요소 트리를 검사하여 React 애플리케이션을 디버그합니다. 사용자가 React 앱을 디버깅할 때, 구성 요소 소품/상태를 검사하고 싶거나, 요소를 렌더링하는 구성 요소를 찾거나, React 구성 요소 계층 구조를 이해하고 싶을 때 사용하세요. 출처: serkan-ozal/browser-devtools-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/serkan-ozal/browser-devtools-skills