Vue: ๊ณ„์‚ฐ ๋œ ๊ฐ์‹œ์ž๊ฐ€ ๋ฐœ์‚ฌ๋˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2018๋…„ 06์›” 25์ผ  ยท  14์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vuejs/vue

๋ฒ„์ „

2.5.16

๋ณต์ œ ๋งํฌ

https://vuejs.org/v2/guide/computed.html#Watchers

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

Amazon Kindle 7 ''๋˜๋Š” Android ํƒœ๋ธ”๋ฆฟ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ์„œ ํŽ˜์ด์ง€์— ์งˆ๋ฌธ์„ ์ž…๋ ฅํ•˜๋ ค๋ฉด ๋ฐ๋ชจ๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค (Lenovo Tab 3 7 ''๋ฒ„์ „์„ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค).
https://vuejs.org/v2/guide/computed.html#Watchers

๋ฌด์—‡์„ ๊ธฐ๋Œ€ํ•ฉ๋‹ˆ๊นŒ?

ํ•„๋“œ์— ์ž…๋ ฅ ํ•  ๋•Œ ๋ฐ๋ชจ ์ง€์นจ์— ๋”ฐ๋ผ ํƒœ๋ธ”๋ฆฟ์—์„œ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ๊ฐ ๋ฌธ์ž๋ฅผ ํƒญํ•œ ํ›„ ๊ฐ’์ด ํ‰๊ฐ€๋ฉ๋‹ˆ๋‹ค.

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

์ŠคํŽ˜์ด์Šค ๋ฐ”๋ฅผ ๋ˆ„๋ฅด๊ฑฐ๋‚˜ ํ‚ค๋ณด๋“œ์—์„œ ๋ฌผ์Œํ‘œ / ๋Š๋‚Œํ‘œ๋ฅผ ์„ ํƒํ•  ๋•Œ๊นŒ์ง€ ์•„๋ฌด๊ฒƒ๋„ ํ‰๊ฐ€๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.


์‚ฌ์šฉ์ž๊ฐ€ Android ํƒœ๋ธ”๋ฆฟ, ํŠนํžˆ Amazon Fire๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…์ŠคํŠธ ํ•„๋“œ์— ์ž…๋ ฅ์„ ์‹œ์ž‘ํ•  ๋•Œ์ด ์˜ต์…˜์„ ์‚ฌ์šฉํ•˜์—ฌ ์˜ต์…˜ ๋“œ๋กญ ๋‹ค์šด ๋ชฉ๋ก์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.
์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅ์„ ์‹œ์ž‘ํ•˜๊ณ  ๋ฌธ์ž๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ๋ชฉ๋ก์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
์—…๋ฐ์ดํŠธ ํ›„ ์‚ฌ์šฉ์ž๊ฐ€ ํ™”๋ฉด ํ‚ค๋ณด๋“œ์—์„œ ์ŠคํŽ˜์ด์Šค ๋ฐ” ๋˜๋Š” Enter ํ‚ค๋ฅผ ํƒญํ•˜๋Š” ๊ฒฝ์šฐ์—๋งŒ ๋ชฉ๋ก์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
์ด๊ฒƒ์€ ์ปดํ“จํ„ฐ์—์„œ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์˜ˆ์ƒ๋Œ€๋กœ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
Safari, Chrome ๋ฐ Firefox๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Mac์—์„œ ์ฝ”๋“œ๋ฅผ ํ…Œ์ŠคํŠธํ–ˆ๋Š”๋ฐ ์ฝ˜์†”์— ์˜ค๋ฅ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
Amazon Fire ๋ฐ ๋ฒ„์ „ 2.5.13์—์„œ ์˜ˆ์ƒ๋Œ€๋กœ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
๋‚ด VueJS๋ฅผ ๋ฒ„์ „ 2.5.16์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜๋ฉด ํƒœ๋ธ”๋ฆฟ์—์„œ ์ž‘๋™์ด ์ค‘์ง€๋˜๊ณ  ํƒœ๋ธ”๋ฆฟ ์žฅ์น˜๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ํ‰๊ฐ€๋ฅผ ์‹คํ–‰ / ์‹คํ–‰ํ•˜๋ ค๋ฉด ์ŠคํŽ˜์ด์Šค ํ‚ค, ๋Š๋‚Œํ‘œ, ๋ฌผ์Œํ‘œ ๋˜๋Š” Enter ํ‚ค๋ฅผ ํƒญํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

browser quirks help wanted

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

@zaggy ๋ฌผ๋ก ์ž…๋‹ˆ๋‹ค! ๐Ÿ˜€

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

์•ˆ๋…•ํ•˜์„ธ์š”,์ด ๋ฌธ์ œ๋ฅผ ์ฒซ ๋ฒˆ์งธ ๋ฒ„๊ทธ๋กœ ๊ณ ์ณ๋„ ๋ ๊นŒ์š”?

@zaggy ๋ฌผ๋ก ์ž…๋‹ˆ๋‹ค! ๐Ÿ˜€

์ถ”์ธก์— ๋ถˆ๊ณผํ•˜์ง€๋งŒ์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ ๋œ ๊ฒƒ์ด ์›์ธ์ผ๊นŒ์š”? https://github.com/vuejs/vue/pull/7121
ํ…Œ์ŠคํŠธ ์šฉ ๋ฒ„์ „์—์„œ ์ œ์™ธํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ž˜ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.
๊ทธ ์ด์œ ๋Š” ์—”ํ„ฐ์™€ ๊ฐ™์€ '๋ฒ„ํŠผ'์„ ๋ˆ„๋ฅผ ๋•Œ๊นŒ์ง€ ์–‘์‹ ํ•„๋“œ๊ฐ€ ์ฒ˜๋ฆฌ๋˜์ง€ ์•Š๊ณ  ๋ณ€๊ฒฝ ๋˜ ์ž๋งˆ์ž ์ฝ˜ํ…์ธ ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์ „์— ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

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

๋ฌธ์ œ๋Š” ์—ฌ์ „ํžˆ ๋‚จ์•„ ์žˆ์Šต๋‹ˆ๋‹ค.

@zaggy ์ž‘์—… ์ค‘์ž…๋‹ˆ๊นŒ? ๊ทธ๋ ‡์ง€ ์•Š๋‹ค๋ฉด ๋‚˜๋Š” ์ด๊ฒƒ์„ ์„ ํƒํ•˜๊ณ  ์‹ถ๋‹ค! ๐Ÿ™‚

์ด๊ฒƒ์ด ์—ฌ์ „ํžˆ ๋ฌธ์ œ์ž…๋‹ˆ๊นŒ?

๋„ค, ๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค. Kindle Fire์—์„œ ํ‘œ์ค€ ๋„์›€๋ง ํŽ˜์ด์ง€ / ๋ฐ๋ชจ ํŽ˜์ด์ง€๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ํ™•์ธํ•˜๊ธฐ ์ „์— ๋ฌธ์ž๋ฅผ ์ž…๋ ฅ ํ•  ๋•Œ Enter ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ์•ผํ•ฉ๋‹ˆ๋‹ค. ๋‹จ์–ด ๋’ค์— ๋ฌผ์Œํ‘œ ๋˜๋Š” ์™ธ์นจ ํ‘œ์‹œ๊ฐ€ ์žˆ์œผ๋ฉด Enter ํ‚ค๋ฅผ ๋‘๋“œ๋ฆฌ๋Š” ๊ฒƒ๊ณผ ๋™์ผํ•œ ํ™•์ธ์ด ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ์ž‘์„ฑ ์ค‘์— ์ž„์‹œ ์—…๋ฐ์ดํŠธ๋ฅผ ๋ฐฉ์ง€ํ•˜๋Š” v-model ์™€ ๊ด€๋ จ์ด์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค (์ค‘๊ตญ์–ด์™€ ๊ฐ™์€ ์ผ๋ถ€ ์ž…๋ ฅ ๋ฐฉ๋ฒ•์— ํ•„์š”ํ•จ). ์ผ๋ถ€ ์žฅ์น˜๋Š” ์ผ๋ฐ˜ ์˜์–ด ํ‚ค๋ณด๋“œ์—์„œ๋„ ์ž‘์„ฑ ์ด๋ฒคํŠธ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ๋‚ด๊ฐ€ ํ‚จ๋“ค ํŒŒ์ด์–ด๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ์žฌํ˜„ํ•˜๊ธฐ๊ฐ€ ์–ด๋ ต๋‹ค๊ณ  ๋งํ–ˆ์Šต๋‹ˆ๋‹ค.

Lenovo Tab 3์—์„œ๋„ ๋ณต์ œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‘ ๊ฒฝ์šฐ ๋ชจ๋‘ ๋งž์ถค๋ฒ• ๊ฒ€์‚ฌ / ์ œ์•ˆ์„ ๋น„ํ™œ์„ฑํ™”ํ•˜์—ฌ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์ง€๋งŒ ๊ทธ๋ ‡์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

@zaggy ์ฒซ ๋ฒˆ์งธ ๋ฒ„๊ทธ๋ฅผ ์ˆ˜์ • ํ–ˆ์Šต๋‹ˆ๊นŒ? ์ž ์‹œ ๋™์•ˆ์ด ๋ฌธ์ œ๊ฐ€ ๊ณ„์† ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๊ฐ€ ๋ชจ๋“  Android ์žฅ์น˜์— ์กด์žฌํ•ฉ๋‹ˆ๊นŒ? (๋‚˜๋Š” CentOS์—์„œ ์‹คํ–‰๋˜๋Š” ์˜จ๋ผ์ธ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๊ฒฐ๊ณผ์— ์‹ค์ œ๋กœ ์˜์กดํ•˜์ง€๋Š” ์•Š์ง€๋งŒ ์ž˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.)

ํ…Œ์ŠคํŠธ ํ•œ ์˜ค๋ž˜๋œ Android 5 ๊ธฐ๊ธฐ์—์„œ๋Š” ๊ดœ์ฐฎ์ง€ ๋งŒ Kindle Fires์— ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋“  ๋งž์ถค๋ฒ• ์˜ต์…˜์ด ๋น„ํ™œ์„ฑํ™” ๋œ ๊ฒฝ์šฐ์—๋„ ํ•„๋“œ์— ์ž…๋ ฅํ•˜๋Š” ํ…์ŠคํŠธ์— ๋ฐ‘์ค„์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ŠคํŽ˜์ด์Šค ๋ฐ”๋ฅผ ๋ˆ„๋ฅด๊ฑฐ๋‚˜ ํ•ด๋‹น ์ค„์„ ์ž…๋ ฅํ•˜๋ฉด ์ด๋ฒคํŠธ๊ฐ€ ์‹œ์ž‘๋˜๊ณ  ์ œ ๊ฒฝ์šฐ์—๋Š” ๋“œ๋กญ ๋‹ค์šด์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

Android ์—๋ฎฌ๋ ˆ์ด์…˜์œผ๋กœ ์žฌํ˜„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ๊ทธ๋ ‡๋‹ค๋ฉด ์žฌ๋ฏธ์žˆ๋Š” ๋ฒ„๊ทธ๊ฐ€ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์—…๋ฌด์šฉ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ๊ณผ ์œ ์‚ฌํ•œ ๋ฌธ์ œ๊ฐ€์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

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