React: Devtools ์Šคํฌ๋กค๋ฐ”๊ฐ€ ํ”Œ๋ ˆ์ž„ ๊ทธ๋ž˜ํ”„๋ฅผ ์ˆจ ๊น๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2019๋…„ 08์›” 23์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: facebook/react

๊ธฐ๋Šฅ ์„ ์š”์ฒญํ•˜๊ฑฐ๋‚˜ ๋ฒ„๊ทธ๋ฅผ๋ณด๊ณ  ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?
๊ณค์ถฉ
ํ˜„์žฌ ํ–‰๋™์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
์Šคํฌ๋กค๋ฐ”๊ฐ€ ํ”Œ๋ ˆ์ž„ ๊ทธ๋ž˜ํ”„๋ฅผ ๋ฎ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ ๋™์ž‘์ด ๋ฒ„๊ทธ ์ธ ๊ฒฝ์šฐ ์žฌํ˜„ ๋‹จ๊ณ„๋ฅผ ์ œ๊ณตํ•˜๊ณ  ๊ฐ€๋Šฅํ•˜๋ฉด ๋ฌธ์ œ์— ๋Œ€ํ•œ ์ตœ์†Œํ•œ์˜ ๋ฐ๋ชจ๋ฅผ ์ œ๊ณตํ•˜์‹ญ์‹œ์˜ค. ์•„๋ž˜์— JSFiddle (https://jsfiddle.net/Luktwrdm/) ๋˜๋Š” CodeSandbox (https://codesandbox.io/s/new) ์˜ˆ์ œ์— ๋Œ€ํ•œ ๋งํฌ๋ฅผ ๋ถ™์—ฌ ๋„ฃ์œผ์‹ญ์‹œ์˜ค.
ํ๋ฆ„
current

์Šคํฌ๋กค๋ฐ”๊ฐ€ ์—†์œผ๋ฉด ์Šคํฌ๋กค๋ฐ”์— ์˜ํ•ด ์ˆจ๊ฒจ์ง„ ๋” ๋งŽ์€ ๊ทธ๋ž˜ํ”„๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
without scrollbar

์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
์Šคํฌ๋กค๋ฐ”๊ฐ€ ํ”Œ๋ ˆ์ž„ ๊ทธ๋ž˜ํ”„๋ฅผ ๋ฎ์ง€ ์•Š๊ฑฐ๋‚˜ ํ”Œ๋ ˆ์ž„ ๊ทธ๋ž˜ํ”„์˜ ๋†’์ด๊ฐ€ ์Šคํฌ๋กค๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ์— ์ถฉ๋ถ„ํžˆ ๊ธธ๋ฉด ํ”Œ๋ ˆ์ž„ ๊ทธ๋ž˜ํ”„ ์ปจํ…Œ์ด๋„ˆ์˜ ๋„ˆ๋น„๊ฐ€ ์Šคํฌ๋กค๋ฐ” ๋„ˆ๋น„์— ๋Œ€ํ•ด ์ค„์–ด๋“ค์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์–ด๋–ค ๋ฒ„์ „์˜ React์™€ ์–ด๋–ค ๋ธŒ๋ผ์šฐ์ € / OS๊ฐ€์ด ๋ฌธ์ œ์˜ ์˜ํ–ฅ์„ ๋ฐ›์Šต๋‹ˆ๊นŒ?
16.9 / ํฌ๋กฌ 78.0.3887.7 / macOS 10.14.6 /

Developer Tools Bug

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

๋‚˜๋Š”์ด ์ผ์„ํ•˜๊ณ ์žˆ๋‹ค

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

๋‚˜๋Š”์ด ์ผ์„ํ•˜๊ณ ์žˆ๋‹ค

๋‚ด ๋ณ‘ํ•ฉ ์š”์ฒญ์ด ๊ฑฐ๋ถ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
@bvaughn ์— ๋”ฐ๋ฅด๋ฉด ์ด๊ฒƒ์€ ๋ฌธ์ œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.
์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ์ด ๋” ๋‚ซ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค

์Šคํฌ๋กค๋ฐ”๋Š” ํ•ญ์ƒ ํ”Œ๋ ˆ์ž„ ๊ทธ๋ž˜ํ”„๋ฅผ ๋ฎ๋Š” ๊ฒƒ์„ ์ž๋™์œผ๋กœ ์ˆจ๊ธฐ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์—

Chrome 80.0.3968.0 / darkmode

์Šคํฌ๋ฆฐ ์ƒท์— ํ‘œ์‹œ๋œ ๋ฌธ์ œ๋Š” ์ผ์ข…์˜ OS ๋ฒ„๊ทธ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค. ์ฝ˜ํ…์ธ ๋ฅผ ๋ฎ๊ณ ์žˆ๋Š” ์Šคํฌ๋กค๋ฐ”๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ํ™œ๋ฐœํ•˜๊ฒŒ ์Šคํฌ๋กค ํ•  ๋•Œ๋งŒ ๋‚˜ํƒ€๋‚˜๋Š” ๋ถ€๋ถ„์ ์œผ๋กœ ํˆฌ๋ช…ํ•œ OS X ์Šคํฌ๋กค๋ฐ”๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด ์šฐ๋ฆฌ๊ฐ€ ๊ณ ์น  ์ˆ˜์žˆ๋Š” ๊ฒƒ์ธ์ง€ ํ™•์‹  ํ•  ์ˆ˜ ์—†์ง€๋งŒ ํ•ญ์ƒ ์Šคํฌ๋กค๋ฐ”๋ฅผ ์ˆจ๊ธฐ๋Š” ๊ฒƒ์ด์ด ๋ฌธ์ œ๋ฅผ ๊ณ ์น˜๋Š” ํ•ด๊ฒฐ์ฑ…์ด ์•„๋‹™๋‹ˆ๋‹ค.

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