Ink-text-input: ํ•ธ๋“ค์ œ์ถœ

์— ๋งŒ๋“  2019๋…„ 03์›” 07์ผ  ยท  11์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vadimdemedes/ink-text-input

readme.md์˜ ๋น ๋ฅธ ์‹œ์ž‘์€ this.handleSubmit = this.handleSubmit.bind(this); ์— ๋Œ€ํ•ด ์–ธ๊ธ‰ํ–ˆ์œผ๋ฉฐ ์ด๋Š” ๋น„์–ด ์žˆ๊ณ  ์˜ค๋ฅ˜๋ฅผ ๋ฐœ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.

๋˜ํ•œ onChange ๋Š” ์ œ๋Œ€๋กœ ์ฒ˜๋ฆฌ๋˜์ง€๋งŒ onSubmit ๋Š” ๊ทธ๋ ‡์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ENTER ๋ฅผ ์ฒ˜๋ฆฌํ•ด์•ผ ํ• ๊นŒ์š”?

if(s === ENTER && this.props.onSubmit && value !== originalValue){
  return this.props.onSubmit(value);
}

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

3rded - ์ง€๊ธˆ์€ ์ฝ”๋“œ๋ฅผ ํŒŒ์ผ์— ๋กœ์ปฌ๋กœ ๋ณต์‚ฌํ•˜๊ณ  ๋‚˜๋งŒ์˜ onSubmit ๋ฉ”์„œ๋“œ๋ฅผ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

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

๋‚˜๋Š” ์ด๊ฒƒ์— ๋Œ€ํ•œ ๋ฌธ์ œ๋ฅผ ๋ง‰ ์—ด๋ ค๊ณ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ต‰์žฅํ• ๊ฑฐ์•ผ! (๊ทธ๋ฆฌ๊ณ  ๋” ์ด์ƒ ์‚ฌ์šฉ๋˜์ง€ ์•Š๋Š” ์•”ํ˜ธ ์ž…๋ ฅ ๊ตฌ์„ฑ ์š”์†Œ์— onSubmit ์žˆ์Œ)

3rded - ์ง€๊ธˆ์€ ์ฝ”๋“œ๋ฅผ ํŒŒ์ผ์— ๋กœ์ปฌ๋กœ ๋ณต์‚ฌํ•˜๊ณ  ๋‚˜๋งŒ์˜ onSubmit ๋ฉ”์„œ๋“œ๋ฅผ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

4th - ๋‚˜๋„ ๋‚ด ์ž์‹ ์˜ ์‚ฌ์šฉ์ž ์ •์˜ onSubmit์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

@danrspencer @jcar787 ํ’€ ๋ฆฌํ€˜์ŠคํŠธ ํ•ด๋ณด์ž, ๋ฌด์Šจ ์†Œ๋ฆฌ์•ผ? :๋””

@entrptaher ๋จผ์ € ๋ฌธ์ œ๋ฅผ ๋ฐœ๊ฒฌํ•˜๊ณ  ์š”์ ์„ ์ถ”๊ฐ€ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ˆ˜ํ–‰ํ•ด์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ˜Š
๊ทธ๋ž˜๋„ ์š”์ ์€ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋‹น์‹ ์ด ๋งž์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ๊นŠ์ด ํŒŒ๊ณ  ๋“ค์—ˆ๊ณ  ENTER๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ œ์ถœํ•  ๋•Œ cursorOffset์— ๋ฌธ์ œ๊ฐ€ ์žˆ์Œ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฐ ๋‹ค์Œ์ด ๋ฌธ์ œ์— ๋Œ€ํ•ด ์งˆ๋ฌธํ–ˆ์Šต๋‹ˆ๋‹ค :D

ํ›„ํฌ ๋ฒ„์ „ . ๋‹น์‹ ์€ ๊ทธ๊ฒƒ์œผ๋กœ๋ถ€ํ„ฐ ๊ฐ€์น˜๋ฅผ ์–ป์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค.

Ink 2 ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•  ๋•Œ ์‹ค์ˆ˜๋กœ ์ œ๊ฑฐํ•œ ๊ฒƒ ๊ฐ™์•„์š” ๐Ÿคทโ€โ™‚๏ธ ๋ˆ„๊ตฐ๊ฐ€๊ฐ€ ์ด๊ฒƒ์„ ๋„์™€์ค„ ์˜ํ–ฅ์ด ์žˆ๋‹ค๋ฉด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค! ๊ทธ๋ ‡์ง€ ์•Š์€ ๊ฒฝ์šฐ ์ด๋ฒˆ ์ฃผ ํ›„๋ฐ˜์— ์กฐ๊ธˆ ์ฒ˜๋ฆฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

19๊ฐ€ ๋ณ‘ํ•ฉ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ซ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ๐ŸŽ‰

@SimenB ๊ฐ€ cursorOffset์„ ํ…Œ์ŠคํŠธํ•˜๊ฒŒ ํ•ด์ฃผ์—ˆ๋Š”๋ฐ ์ •๋ง ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค. :๋””

์ด๊ฒƒ์€ ์™„๋ฒฝํ•˜๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
๋ฌธ์ œ๋ฅผ ๋‹ซ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฒฐ๊ณผ:

Git ์ €์žฅ์†Œ

๋งŽ์€ ๋ถ„๋“ค๊ป˜ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
๋‹ค์Œ ๋ฒ„๊ทธ๋ฅผ ์ฐพ์œผ๋Ÿฌ ๊ฐ‘๋‹ˆ๋‹ค :D

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