React-devtools: [๊ธฐ๋Šฅ ์š”์ฒญ] ํฌ๋กฌ ์›๊ฒฉ ๋””๋ฒ„๊ทธ๋กœ ์ž‘๋™ํ•˜๊ฒŒ ํ•˜๊ธฐ [๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ]

์— ๋งŒ๋“  2016๋…„ 01์›” 04์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: facebook/react-devtools

๋ฐ˜์‘์„ ์‚ฌ์šฉํ•˜์—ฌ ์ฝ”๋ฅด๋„๋ฐ” ์•ฑ์„ ๊ฐœ๋ฐœ ์ค‘์ด๊ณ  ํฌ๋กฌ ์›๊ฒฉ ๋””๋ฒ„๊ทธ๋กœ ์›น ๋ณด๊ธฐ๋ฅผ ๋””๋ฒ„๊น… ์ค‘์ž…๋‹ˆ๋‹ค.
์›๊ฒฉ ๋””๋ฒ„๊ทธ๋ฅผ ์œ„ํ•ด ๋ฐ˜์‘ ๊ฐœ๋ฐœ ๋„๊ตฌ๋„ ํ™œ์„ฑํ™”๋˜์–ด ์žˆ์œผ๋ฉด ๋งค์šฐ ์œ ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.

https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=ko

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋…๋ฆฝํ˜• React DevTools ๊ฐ€ ์•„๋งˆ๋„ ๋‹น์‹ ์„ ์œ„ํ•ด ์ž‘๋™ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
localhost:8097 ์—์„œ ์ˆ˜์‹ ํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

๋‚˜๋„ ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ์•ˆ๊ณ ์žˆ์–ด. ๊ธฐ๋Šฅ์ด ๋นจ๋ฆฌ ๋‚˜์™”์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.

๋…๋ฆฝํ˜• React DevTools ๊ฐ€ ์•„๋งˆ๋„ ๋‹น์‹ ์„ ์œ„ํ•ด ์ž‘๋™ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
localhost:8097 ์—์„œ ์ˆ˜์‹ ํ•ฉ๋‹ˆ๋‹ค.

๋‚ด๊ฐ€ ์†Œ์œ ํ•˜์ง€ ์•Š์€ ํŽ˜์ด์ง€๋ฅผ ๊ฒ€์‚ฌํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ์ฝ˜ํ…์ธ  ๋ณด์•ˆ ์ •์ฑ…์ด ์žˆ์„ ๋•Œ React DevTools๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ๋งค์šฐ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด ์ฝ˜์†”์„ ํ†ตํ•ด ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ถ”๊ฐ€ํ•  ๋•Œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ฉ๋‹ˆ๋‹ค.

Refused to load the script 'http://localhost:8097/' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' https://*.twimg.com https://www.google-analytics.com 'unsafe-eval'".

Chrome ์›๊ฒฉ ๋””๋ฒ„๊น… ์ฐฝ์—๋Š” ๋„๊ตฌ ๋ชจ์Œ์ด ์—†์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ React-Devtools ํ™•์žฅ ๋ฒ„ํŠผ๋„ ์—†๊ณ , React ํƒญ๋„ ํ‘œ์‹œ๋˜์ง€ ์•Š์œผ๋ฉฐ ์ฝ˜์†”์„ ํ†ตํ•ด ์ด ํ™•์žฅ์„ ์ดˆ๊ธฐํ™”ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ชจ๋ฆ…๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰