๋กœ๊ทธ์ธ
React Developer Tools ๋ฏธ๋ฆฌ๋ณด๊ธฐ

React Developer Tools ์ œ์ž‘์ž: React

React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more. To get started, just open the Firefox devtools and switch to the "โš›๏ธ Components" or "โš›๏ธ Profiler" tab.

4.6 (374 reviews)
์‚ฌ์šฉ์ž 179,924๋ช…
์ด ํ™•์žฅ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด Firefox๊ฐ€ ํ•„์š”ํ•จ
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ
์Šคํฌ๋ฆฐ์ƒท
Shows the DevTools UI with an example TODO List app.
์ •๋ณด
This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/master/packages/react-devtools-extensions.
374๋ช…์˜ ๋ฆฌ๋ทฐ์–ด๊ฐ€ 4.6๋กœ ํ‰๊ฐ€ํ•จ

๋ณ„์  ์ €์žฅ๋จ

5
301
4
42
3
10
2
3
1
18
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ๋” ์•Œ์•„๋ณด๊ธฐ

ํ•„์š”ํ•œ ๊ถŒํ•œ:

  • ํด๋ฆฝ๋ณด๋“œ์— ๋ฐ์ดํ„ฐ ๋„ฃ๊ธฐ
  • ์—ด๋ ค์žˆ๋Š” ํƒญ์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผํ•˜๋„๋ก ๊ฐœ๋ฐœ์ž ๋„๊ตฌ ํ™•์žฅ
  • ๋ธŒ๋ผ์šฐ์ € ํƒญ์— ์ ‘๊ทผ
  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ

์„ ํƒ์  ๊ถŒํ•œ:

  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
๋ฒ„์ „
6.1.1
ํฌ๊ธฐ
1.59 MB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
6๋‹ฌ ์ „ (2025๋…„ 2์›” 7์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
๋ผ์ด์„ ์Šค
MIT ๋ผ์ด์„ ์Šค
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
๋ฒ„์ „ 6.1.1์˜ ์ถœ์‹œ ์ •๋ณด
  • DevTools: refactor NativeStyleEditor, don't use custom cache implementation (hoxyq in #32298)
  • DevTools: fix host component filter option title (hoxyq in #32296)
  • chore[DevTools]: make clipboardWrite optional for chromium (hoxyq in #32262)
React ๋‹˜์˜ ๋‹ค๋ฅธ ํ™•์žฅ ๊ธฐ๋Šฅ