[๐Ÿ“ฆ Summary] ํŒŒ์ด์ฌ์„ ์ด์šฉํ•ด ์‹ค์ œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์™€ ๋””์ž์ธ์— ์ด์šฉํ•œ ์‚ฌ๋ก€์ž…๋‹ˆ๋‹ค. ํŒŒ์ด์ฌ API๋ฅผ ํ†ตํ•ด๋ฐ์ดํ„ฐ๋ฅผ ๊ตฌ๊ธ€ ์Šคํ”„๋ ˆ๋“œ ์‹œํŠธ์— ์ž…๋ ฅํ•˜๊ณ , ํ”ผ๊ทธ๋งˆ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ด์šฉํ•ด ๋””์ž์ธ์— ํ•ด๋‹น ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ˜์˜ํ–ˆ์Šต๋‹ˆ๋‹ค. [๐Ÿ’ฌํ๋ ˆ์ดํ„ฐ์˜ ์ƒ๊ฐ] "์‹œ์•ˆ"์ด ์•„๋‹Œ "์ œํ’ˆ"์„ ๋งŒ๋“ ๋‹ค๋Š” ๊ด€์ ์—์„œ ํฅ๋ฏธ๋กญ๊ฒŒ ์‚ฌ๋ก€๋ฅผ ์ฝ์—ˆ์Šต๋‹ˆ๋‹ค. ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ•ด๋‹น ๋ฐฉ๋ฒ•์„ ํ†ตํ•ด ๋””์ž์ธ์„ ํšจ์œจ์ ์œผ๋กœ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํฌํ† ์ƒต์—์„œ ์Šค์ผ€์น˜๋กœ ๋ฉ”์ธ UI ๋„๊ตฌ๊ฐ€ ๋ณ€ํ™”๋˜๋ฉด์„œ ์ œํ’ˆ์„ ๋งŒ๋“œ๋Š”๋ฐ ๋” ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์‹ฌ๋ณผ ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•˜์—ฌ ๋” ๊ตฌ์กฐ์ ์œผ๋กœ UI๋ฅผ ์„ค๊ณ„ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ•ด๋‹น ์•„ํ‹ฐํด์—์„œ๋Š” ํ”ผ๊ทธ๋งˆ์™€ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜์—ฌ ์œ ๋™์ ์ธ ๋ฐ์ดํ„ฐ(Dynamic Data)๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๋„๊ตฌ๋ฅผ ํ†ตํ•ด ์ธ์‹์ด ๋ฐ”๋€Œ๊ณ  ๊ฒฐ๊ณผ๊ฐ€ ๋‹ฌ๋ผ์ง€๋Š” ์‚ฌ๋ก€๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋””์ž์ธ์˜ ๊ฐœ๋…์ด ๊ณ„์† ์ง„ํ™”ํ•˜๊ณ  ์žˆ์Œ์„ ๋‹ค์‹œ ์ƒ๊ฐํ•ด๋ณผ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์„ค๊ณ„ํ•˜๊ณ  ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ์ด ๋””์ž์ธ์—์„œ ์ ์  ๋” ๊ฐ•์กฐ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚˜์•„๊ฐ€ ์ œํ’ˆ์„ "๋””์ž์ธํ•œ๋‹ค" ๋ณด๋‹ค ์ œํ’ˆ์„ "๋งŒ๋“ ๋‹ค"์— ๊ฐ€๊นŒ์›Œ ์ง€๊ณ  ์žˆ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ญ๋‹ˆ๋‹ค. ๋””์ž์ด๋„ˆ๊ฐ€ ๊ณ ๋ฏผํ•˜๋Š” ๋ถ€๋ถ„์ด ๊ฐœ๋ฐœ์ž์™€ ๊ฐ€๊นŒ์›Œ์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ”„๋กœ๋•ํŠธ ๋””์ž์ด๋„ˆ์˜ ๊ฐœ๋…์ด ๋“ฑ์žฅํ•˜๋ฉด์„œ UI ๋””์ž์ด๋„ˆ - UX ๋””์ž์ด๋„ˆ์˜ ๊ฒฝ๊ณ„๊ฐ€ ํ๋ ค์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ œํ’ˆ์„ ๋งŒ๋“ ๋‹ค๋Š” ๋ชฉ์ ์—์„œ ๋””์ž์ด๋„ˆ - ๊ฐœ๋ฐœ์ž์˜ ๊ฒฝ๊ณ„๋„ ์ ์  ๊ฐ€๊นŒ์›Œ์งˆ ๊ฒƒ์œผ๋กœ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์‹ค์ œ ๋ฐ์ดํ„ฐ๋กœ ์‹œ์•ˆ ๋งŒ๋“ค๊ธฐ

Medium

์‹ค์ œ ๋ฐ์ดํ„ฐ๋กœ ์‹œ์•ˆ ๋งŒ๋“ค๊ธฐ

๋‹ค์Œ ๋‚ด์šฉ์ด ๊ถ๊ธˆํ•˜๋‹ค๋ฉด?

๋˜๋Š”

์ด๋ฏธ ํšŒ์›์ด์‹ ๊ฐ€์š”?

2020๋…„ 9์›” 15์ผ ์˜คํ›„ 10:29

๋Œ“๊ธ€ 0




๋น„์Šทํ•œ ๊ฒŒ์‹œ๋ฌผ

์ฃผ๊ฐ„ ์ธ๊ธฐ TOP 10

1

๊น€์˜์ค‘ ์œ„๋Œ€ํ•œ์ƒ์ƒ(์š”๊ธฐ์š”) ๊ฐœ๋ฐœ์ž

๋“œ๋””์–ด ์ถ”๊ฐ€๋œ CSS์˜ '์„ธ๋กœ ์ค‘์•™ ์ •๋ ฌ' ๊ธฐ๋Šฅ

2

์ด๋„ํ–‰ ๋ผ์ธ๊ฒŒ์ž„์ฆˆ, ํ…Œํฌ๋‹ˆ์ปฌ ๋””๋ ‰ํ„ฐ

๊ฒŒ์ž„๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ํด๋ก ์ฝ”๋”ฉ

3

ํ•œ๊ธฐ์šฉ UpZen ์ฐฝ์—…์ž ๋Œ€ํ‘œ

(์‹ค๋ฆฌ์ฝ˜๋ฐธ๋ฆฌ์—์„œ ์ผํ•  ๋•Œ) ์˜์–ด๋ฅผ ๋ชปํ•  ๋•Œ์˜ ์žฅ์ 

4

๊ถŒํƒœ๊ด€ NAVER ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

์ฝ”๋“œ ๋ฆฌ๋ทฐ ์•ˆํ‹ฐํŒจํ„ด

5

ํ•˜์กฐ์€ Software Engineer

๊ฐœ๋ฐœ์ž์˜ ์ŠคํŠธ๋ ˆ์Šค ํ•ด์†Œ๋ฒ•

์ถ”์ฒœ ํ”„๋กœํ•„