๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก2018/03/04 (2)

Wookang makes AI

ํ•œ๋ฐ˜๋„ ์ง€์ง„ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ์ตœ์ข… ๊ฒฐ๊ณผ๋ฌผ

โ— ํ•œ๋ฐ˜๋„ ์ง€์ง„ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ์ตœ์ข… ๊ฒฐ๊ณผ๋ฌผ > ๊ฐœ์š”1. ๊ธฐ์ƒ์ฒญ 1978๋…„ 8์›”๋ถ€ํ„ฐ 2018๋…„ 3์›” 4์ผ ์ƒˆ๋ฒฝ 0์‹œ 52๋ถ„ ์ง€์ง„๊นŒ์ง€ ๋ชจ๋“  ์ง€์ง„ ๋ฐ์ดํ„ฐ ๋ถ„์„.- ์ด 1723ํšŒ.- ์ด ํฌ๋กค๋ง ์‹œ๊ฐ„ 2๋ถ„ ๋ฏธ๋งŒ. node.js ์ด์šฉ. - ์กฐํšŒ ๋ชฉ๋ก 999 ์ œํ•œ์œผ๋กœ 1978๋…„๋ถ€ํ„ฐ 2011๋…„๊นŒ์ง€ ํ•œ๋ฒˆ, ๋‚˜๋จธ์ง€ ๊ธฐ๊ฐ„ ๋‹ค์‹œ ํ•œ๋ฒˆ์œผ๋กœ ๋ถ„๋ฆฌํ•ด์„œ ์ˆ˜์ง‘. 2. ์ง€๋„๋Š” ์—ฌ๊ธฐ ๋ธ”๋กœ๊ทธ (danielykim.github.io)์— ์˜ฌ๋ฆฐ TopoJson ํŒŒ์ผ ์ด์šฉ 3. d3.js๋กœ ์‹œ๊ฐํ™”. 4. ์ถ”๊ฐ€๋กœ ์‚ฌ์šฉํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” - lodash(๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ. ๋’ค๋Šฆ๊ฒŒ ์ ์šฉํ•˜์—ฌ ์ ๊ทน ํ™œ์šฉx)- d3.tip.js(๋งˆ์šฐ์Šค ํด๋ฆญ์‹œ ํˆดํŒ ํ‘œ์‹œ)- d3.format.js(์ˆซ์ž ํ‘œํ˜„ ์ฒ˜๋ฆฌ. ์ง€์ง„ ์—๋„ˆ์ง€์˜ ์ˆซ์ž๊ฐ€ ์ปค์„œ ์ง€์ˆ˜ ๋„์ž…)- d3-queue.v3.js(..

ํ•œ๋ฐ˜๋„ ์ง€์ง„ ์‹œ๊ฐํ™” ์ž‘์—… ์™„์„ฑ

โ— ํ•œ๋ฐ˜๋„ ์ง€์ง„ ์‹œ๊ฐํ™” ์ž‘์—… ์™„์„ฑ > ๋“ค์–ด๊ฐ€๋Š” ๋ง 1. ์ง€๋‚œ ์—ฐ๋ง ์‹œ์ž‘ํ–ˆ๋˜ ํ•œ๋ฐ˜๋„ ์ง€์ง„ ์‹œ๊ฐํ™” ์ž‘์—…์ด ์ผ๋‹จ๋ฝ๋๋‹ค. > ์ž‘์—… ์ด๋ฏธ์ง€ > ๊ฒฐ๊ณผ - ์‹ค์‹œ๊ฐ„ ๊ธฐ์ƒ์ฒญ ์ง€์ง„ ๋ฐ์ดํ„ฐ + ์„œ๋ฒ„ ๊นŒ์ง€ ๋„๋ฉ”์ธ์œผ๋กœ ๋งŒ๋“ค์–ด ์˜ฌ๋ ค๋†“์œผ๋ ค๊ณ  ํ•œ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ์ ‘์†๋„ ์‰ฝ๊ณ  ํ•ญ์ƒ ์ตœ์‹  ๋ฐ์ดํ„ฐ๋‹ˆ ์“ธ๋งŒ ํ• ๊ฑฐ๋‹ค. - ๊ทธ๋ฆฌ๊ณ  ๊ธฐ์ƒ์ฒญ๊ณผ ์ง€์ง„์„ ์—ฐ๊ตฌํ•˜๊ฑฐ๋‚˜ ๊ณต๋ถ€ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ์ฃผ์†Œ๋งŒ ํ™๋ณด(?)ํ•ด ๋†“๊ณ  ๋์ด๋‹ค.- ์ง€๋„๋Š” ํ™•๋Œ€/์ถ•์†Œ ๋ฐ moving์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ์ง€์ง„๋ฐœ์ƒํšŸ์ˆ˜ ๋ฐ ์ตœ๋Œ€๊ฐ•๋„ ํ•ด๋‹น์›”์— ๋ฐœ์ƒํ•œ ์ง€์ง„ ์—๋„ˆ์ง€์˜ ์ด๋Ÿ‰ ๋น„๊ต ์ง€์ง„๊ทœ๋ชจ ๋น„์œจ ์ง€์—ญ๋ณ„ ์ง€์ง„ ๋ฐœ์ƒ์ˆ˜ ์ง€์ง„๋ฐœ์ƒ์ง€์—ญ > ๋ฐ˜์„ฑ1. ์ž‘์—…์€ ์˜ˆ์ƒ๋ณด๋‹ค (๋‹น์—ฐํžˆ) ์˜ค๋ž˜ ๊ฑธ๋ ธ๊ณ  ์˜ˆ์ƒ๋ณด๋‹ค (ํ›จ์”ฌ) ์–ด๋ ค์› ๋‹ค.2. ๊ทธ๋ƒฅ ํ•˜๋“œ์ฝ”๋”ฉํ•˜๋Š” ๊ฒƒ๊ณผ oop๋กœ ์งœ๋Š” ๊ฒƒ์€ ์™„์ „ํžˆ ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.3. ๋ฌด์—‡๋ณด๋‹ค ๋‚ด๊ฐ€ ๋ฌด์–ผ ๋งŒ๋“ค๊ณ  ์–ด..