React-dnd: dropTarget์— ๋Œ€ํ•œ dropEffect์— ๋Œ€ํ•œ ์•ก์„ธ์Šค ์ถ”๊ฐ€

์— ๋งŒ๋“  2018๋…„ 08์›” 27์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: react-dnd/react-dnd

์•ˆ๋…•ํ•˜์„ธ์š”!

๊ธฐ๋Šฅ ์š”์ฒญ์ด ๋ฌธ์ œ์™€ ๊ด€๋ จ๋˜์–ด ์žˆ์Šต๋‹ˆ๊นŒ?
dropTarget ๋ฐ์ฝ”๋ ˆ์ดํ„ฐ ์‚ฌ์–‘ ๋‚ด์—์„œ canDrop ๋ฉ”์„œ๋“œ์˜ ํ˜„์žฌ ๋“œ๋กญ ํšจ๊ณผ์— ์•ก์„ธ์Šคํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ํ˜„์žฌ ํšจ๊ณผ์— ๋”ฐ๋ผ ๋“œ๋กญ ๋Œ€์ƒ์„ ๋น„ํ™œ์„ฑํ™”/ํ™œ์„ฑํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์›ํ•˜๋Š” ์†”๋ฃจ์…˜ ์„ค๋ช…
monitor dropEffect ์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ ์—์„œ ๋ฒ„์ „ 3.0.2์— ๋Œ€ํ•œ ์ดˆ์•ˆ ์†”๋ฃจ์…˜์„ ์ค€๋น„ํ–ˆ์œผ๋ฉฐ ํ•„์š”ํ•œ ๊ฒฝ์šฐ ์ด ๊ธฐ๋Šฅ์„ ์ตœ์‹  ๋ฒ„์ „์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐ ์‹ ๊ฒฝ ์“ฐ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

https://github.com/react-dnd/react-dnd/issues/974 ์—์„œ๋„ ์œ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

์ด ๊ธฐ๋Šฅ์€ ์ €์—๊ฒŒ ํฐ ๋„์›€์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋“œ๋กญ๋œ ํ•ญ๋ชฉ์ด DropTarget ๋‚ด์—์„œ ์ด๋™ ๋˜๋Š” ๋ณต์‚ฌ๋˜์—ˆ๋Š”์ง€ ์•Œ์•„์•ผ ํ•˜์ง€๋งŒ ๋‚ด๊ฐ€ ์ฝ์€ ๋‚ด์šฉ์—์„œ๋Š” DragSource์˜ dropEffect์—๋งŒ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋‘ ๋‹ค๋ฅธ ์œ„์น˜๋กœ ์—ฐ๊ฒฐ๋˜๋Š” ๋งŽ์€ DropTarget์ด ์žˆ์œผ๋ฏ€๋กœ DropTarget์—์„œ onDrop ๋…ผ๋ฆฌ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์„ ์„ ํ˜ธํ•ฉ๋‹ˆ๋‹ค. ์–ด์ฉŒ๋ฉด ๋‚ด๊ฐ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ž˜๋ชป ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์„์ง€๋„ ๋ชจ๋ฅด์ง€๋งŒ ์ด๊ฒƒ์€ ์œ ํšจํ•œ ์‚ฌ์šฉ ์‚ฌ๋ก€์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

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

์œ„๋กœ! ๊ทธ๊ฒƒ์— ๋Œ€ํ•œ ์˜๊ฒฌ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ตœ์†Œํ•œ ๋ถ„๋ฅ˜ํ•ด ์ฃผ์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์ด ๋ฌธ์ œ๋Š” ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์˜ค๋ž˜๋œ ๊ฒƒ์œผ๋กœ ํ‘œ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋” ์ด์ƒ ํ™œ๋™์ด ์—†์œผ๋ฉด ํ์‡„๋ฉ๋‹ˆ๋‹ค. ๊ท€ํ•˜์˜ ๊ธฐ์—ฌ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ด ๊ธฐ๋Šฅ์€ ์ €์—๊ฒŒ ํฐ ๋„์›€์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋“œ๋กญ๋œ ํ•ญ๋ชฉ์ด DropTarget ๋‚ด์—์„œ ์ด๋™ ๋˜๋Š” ๋ณต์‚ฌ๋˜์—ˆ๋Š”์ง€ ์•Œ์•„์•ผ ํ•˜์ง€๋งŒ ๋‚ด๊ฐ€ ์ฝ์€ ๋‚ด์šฉ์—์„œ๋Š” DragSource์˜ dropEffect์—๋งŒ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋‘ ๋‹ค๋ฅธ ์œ„์น˜๋กœ ์—ฐ๊ฒฐ๋˜๋Š” ๋งŽ์€ DropTarget์ด ์žˆ์œผ๋ฏ€๋กœ DropTarget์—์„œ onDrop ๋…ผ๋ฆฌ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์„ ์„ ํ˜ธํ•ฉ๋‹ˆ๋‹ค. ์–ด์ฉŒ๋ฉด ๋‚ด๊ฐ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ž˜๋ชป ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์„์ง€๋„ ๋ชจ๋ฅด์ง€๋งŒ ์ด๊ฒƒ์€ ์œ ํšจํ•œ ์‚ฌ์šฉ ์‚ฌ๋ก€์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

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