Plots2: /tags์—์„œ JS Typeahead ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํƒœ๊ทธ ๊ฒ€์ƒ‰์—์„œ ํ•˜์ดํ”ˆ ์ผ์น˜

์— ๋งŒ๋“  2019๋…„ 09์›” 27์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: publiclab/plots2

๊ณต๋ฐฑ์ด ์žˆ๋Š” ๋ฌธ์ž์—ด์„ ์ž…๋ ฅํ•˜๋”๋ผ๋„ ํƒœ๊ทธ ๊ฒ€์ƒ‰ ์–‘์‹์ด ์ด์ œ ํ•˜์ดํ”ˆ์œผ๋กœ ์—ฐ๊ฒฐ๋œ ํƒœ๊ทธ๋ฅผ ๊ฒ€์ƒ‰ํ•˜๋„๋ก ์ผ๋ถ€ ๋ณ€๊ฒฝํ–ˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ๋‹ค์Œ์„ ๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค.

balloon map ์‹ค์ œ๋กœ balloon-map ๋Œ€ํ•œ ๊ฒ€์ƒ‰์„ ์ „์†กํ•˜๋ฏ€๋กœ balloon-mapping ํƒœ๊ทธ์™€ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ผ์น˜ํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์ด ๊ฒ€์ƒ‰์— ๋Œ€ํ•œ ๊ฒฐ๊ณผ๊ฐ€ ์„œ๋ฒ„์—์„œ ๋‹ค์‹œ ๋ณด๋‚ด์ง€์ง€๋งŒ ์ด๋Ÿฌํ•œ ๊ฒฐ๊ณผ๋Š” ํ‘œ์‹œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋Š” typeahead ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์ž…๋ ฅ๋œ ์ž…๋ ฅ๊ณผ ๊ฒฐ๊ณผ์˜ ๋‘ ๋ฒˆ์งธ ๋น„๊ต๋ฅผ ์‹œ๋„ํ•˜๊ณ  balloon map ๊ฐ€ balloon-mapping ์™€ ์ผ์น˜ํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ ์•„๋ฌด ๊ฒƒ๋„ ํ‘œ์‹œ๋˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

์ด๋ฅผ ๊ตฌ๋™ํ•˜๋Š” ์ฝ”๋“œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

https://github.com/publiclab/plots2/blob/cba54993c9e42dd10c7ecb58be45f33a6f4335c4/app/assets/javascripts/tagging.js#L73 -L86

๊ทธ๋ฆฌ๊ณ  ์šฐ๋ฆฌ ๋„์„œ๊ด€์€ ๋‹ค์–‘ํ•œ ์˜ต์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. matcher ํ•จ์ˆ˜๋ฅผ ์ œ๊ณตํ•˜์—ฌ ๊ฒฐ๊ณผ์™€ ์ผ์น˜ํ•˜๋„๋ก ๋กœ์ปฌ JavaScript์—์„œ ํ•˜์ดํ”ˆ์„ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

https://github.com/bassjobsen/Bootstrap-3-Typeahead#options

๊ทธ๋Ÿฌ๋‚˜ ์ด๊ฒƒ์„ ์ž‘๋™์‹œํ‚ค๋ ค๋ฉด ์•ฝ๊ฐ„์˜ ์‹คํ—˜์ด ํ•„์š”ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค! ๋„์›€์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ์‚ฌ! ๐ŸŽ‰

(#5719์— ์—ฐ๊ฒฐ)

JavaScript bug help wanted

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

๊ฒฐ๊ณผ๊ฐ€ ๋ฐ˜ํ™˜๋˜๊ณ  ์ผ์น˜ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์„ ๋ณด๋Š” ์Šคํฌ๋ฆฐ์ƒท!

image

๋‚˜๋Š” ์ด๊ฒƒ์„ ์ฃผ์žฅํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ์ตœ๋Œ€ํ•œ ๋นจ๋ฆฌ ์—…๋ฐ์ดํŠธํ•  ๊ฒƒ์ด๋ฉฐ, ํ˜„์žฌ ์ด์— ๋Œ€ํ•œ ํ™˜๊ฒฝ์„ ์„ค์ •ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

@jywarren ์ˆ˜์ •๋˜์—ˆ์Šต๋‹ˆ๋‹ค. #6379๋ฅผ ํ™•์ธํ•˜์„ธ์š”.

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