Vue: `config.keyCodes`๊ฐ€ ๋‹จ์ผ ์ˆ˜์ •์ž์— ๋Œ€ํ•ด ์—ฌ๋Ÿฌ ํ‚ค๋ฅผ ์ง€์›ํ•ด์•ผ ํ•˜๋‚˜์š”?

์— ๋งŒ๋“  2016๋…„ 11์›” 03์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vuejs/vue

Vue.js ๋ฒ„์ „

2.0.3

์žฌ์ƒ์‚ฐ ๋งํฌ


https://jsfiddle.net/crswll/5yynzyj3/

์žฌํ˜„ ๋‹จ๊ณ„

์ž…๋ ฅ์— ์ดˆ์ ์„ ๋งž์ถ”๊ณ  W, A, S ๋˜๋Š” D๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ UP, RIGHT, DOWN ๋ฐ LEFT ๋Œ€์‹  ํ‚ค๋ฅผ ์œ„๋กœ ํŠธ๋ฆฌ๊ฑฐํ•˜์‹ญ์‹œ์˜ค.

์˜ˆ์ƒ๋˜๋Š” ๊ฒƒ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

W ๋˜๋Š” UP์„ ๋ˆŒ๋Ÿฌ up2 ๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•˜๊ณ  A ๋˜๋Š” LEFT๋ฅผ ๋ˆŒ๋Ÿฌ left2 ๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•˜๊ณ  S ๋˜๋Š” DOWN์„ ๋ˆŒ๋Ÿฌ down2 ๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•˜๊ณ  D ๋˜๋Š” RIGHT๋ฅผ ๋ˆŒ๋Ÿฌ right2 ๋ฅผ ํŠธ๋ฆฌ๊ฑฐํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค

์‹ค์ œ๋กœ ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

์•„๋ฌด๊ฒƒ๋„. ์†Œ์Šค์˜ ์ด ์ค„ ๋•Œ๋ฌธ์— ์ž‘๋™ํ•  ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์ง€๋งŒ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค...

https://github.com/vuejs/vue/blob/b51b9eae4d427d0a909aff8c5f08575c450711a1/src/compiler/codegen/events.js#L15

๋˜ํ•œ ์ผ์ข…์˜ ์ฐธ๊ณ  ์‚ฌํ•ญ:

๊ธฐ๋ณธ keyCode๋ฅผ ๋ฎ์–ด์“ธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ์ฐจ๋ผ๋ฆฌ ๋ณ„๋ช… ๋‚ด ์‚ฌ์šฉ์ž ์ด๋ฆ„์„ ๊ฒƒ up ๋Œ€์‹  up2 .

improvement

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

ํ˜„์žฌ ๊ณต๊ฐœ API๋Š” ์•„์ง Array๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š์ง€๋งŒ ์œ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

ํ˜„์žฌ ๊ณต๊ฐœ API๋Š” ์•„์ง Array๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š์ง€๋งŒ ์œ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋™์˜ํ•œ๋‹ค! ์…‹ํ†ฑ๋ฐ•์Šค์šฉ ์•ฑ์„ ๋งŒ๋“ค๊ณ  ์žˆ๋Š”๋ฐ ๋ฆฌ๋ชจ์ปจ์˜ keyCode ๊ฐ€ ํ•ญ์ƒ ๋‚ด ์ปดํ“จํ„ฐ์™€ ์ผ์น˜ํ•˜์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค.

#4328์„ ํ†ตํ•ด ํ์‡„

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