๐ŸŒŸ ๋””ํ…Œ์ผ์˜ ๊ฐ„๊ฒฉ ์‹œ๋ฆฌ์ฆˆ! [๐Ÿ“Ž ์นด๋“œ UI, ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ•˜๋ฉด ์ข‹์„๊นŒ?] (๐Ÿ‘€๊ฐ„๋‹จ ์š”์•ฝ) ์นด๋“œ๋Š” ์กฐ์งํ™”๋œ ๋ ˆ์ด์•„์›ƒ์œผ๋กœ ์ •๋ณด๋ฅผ ์œ ์ €์—๊ฒŒ ํšจ์œจ์ ์ด๊ณ  ์‹ฌ๋ฏธ์ ์œผ๋กœ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋Š” ๋งค์šฐ ํ›Œ๋ฅญํ•œ ์ปดํฌ๋„ŒํŠธ์ž…๋‹ˆ๋‹ค. ๊ธฐํš์ž๊ฐ€ ๊ณ ๋ คํ•œ ์นด๋“œ์˜ ์„ค๊ณ„ ๋ชฉ์ ์— ์ ํ•ฉํ•œ ์ด๋ฏธ์ง€์™€ ์ •๋ณด์˜ ์กฐํ•ฉ์€, ์œ ์ €๋“ค๋กœ ํ•˜์—ฌ๊ธˆ ์—ฌ๋Ÿฌ๋ถ„์ด ์›ํ•˜๋Š” ํ–‰๋™์„ ์œ ๋„ํ•ด ๋‚ผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ๊ทธ ๋ฐ˜๋Œ€์˜ ๊ฒฐ๊ณผ๋ฅผ ๋งŒ๋“ค์–ด ๋‚ผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ“Œ์นด๋“œ UI ์ฒดํฌ๋ฆฌ์ŠคํŠธ โœ“ ์นด๋“œ๋“ค์€ ๋‹จ์ผ ์ฃผ์ œ์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๋‹ด๊ณ  ์žˆ๋Š”๊ฐ€? โœ“ ์นด๋“œ์— ๋‹ด๊ธด ์ •๋ณด๋“ค์˜ ๊ฐ€์น˜๋Š” ์œ ์ตํ•œ๊ฐ€? โœ“ ๋””์ž์ธ ๊ฐ€์ด๋“œ๋ผ์ธ์„ ๋”ฐ๋ฅด๊ณ  ์žˆ๋Š”๊ฐ€? ๐Ÿ“Œ์นด๋“œ๋“ค์€ ๋‹จ์ผ ์ฃผ์ œ์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๋‹ด๊ณ  ์žˆ๋Š”๊ฐ€? ๊ฐ ์นด๋“œ๋Š” ํ•œ ์ฃผ์ œ์˜ ์ •๋ณด๋ฅผ ๋‹ด๊ณ  ์žˆ์–ด์•ผ ์†Œ๋น„ / ๊ณต์œ ์— ๋Œ€ํ•ด ์œ ์ €๋Š” ๋” ์‰ฌ์šด ์˜์‚ฌ๊ฒฐ์ •์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ ํƒ์˜ ๊ธฐ์ค€์ด ๋ช…ํ™•ํ•ด์งˆ๋•Œ ๊ฒฐ์ •์ด ์‰ฌ์›Œ์ง€๋‹ˆ๊นŒ์š”. ๐Ÿ“Œ์นด๋“œ์— ๋‹ด๊ธด ์ •๋ณด๋“ค์˜ ๊ฐ€์น˜๋Š” ์œ ์ตํ•œ๊ฐ€? ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์„œ๋น„์Šค๊ฐ€ ์ง€ํ–ฅํ•˜๋Š” ๊ฐ€์น˜์™€ ํ˜œํƒ์„ ์œ ์ €์—๊ฒŒ ์‹ ์†ํ•˜๊ฒŒ ์ „๋‹ฌํ•˜์—ฌ, ํŠน์ • ํ–‰๋™์„ ์ด๋Œ์–ด๋‚ด๊ธฐ ์œ„ํ•ด์„  ์นด๋“œ์— ์–ด๋–ค ์ •๋ณด๋ฅผ ๋‹ด์•„๋‚ด์•ผํ• ์ง€ ๋งŽ์€ ๊ณ ๋ฏผ์ด ํ•„์š”ํ•  ๊ฒ๋‹ˆ๋‹ค. โœ“ ์—์–ด๋น„์•ค๋น„ ์นด๋“œ ์ •๋ณด : ์ธ๋„ค์ผ, ํ˜ธ์ŠคํŠธ ๋“ฑ๊ธ‰, ์œ„์น˜, ํ‰์ , ํƒœ๊ทธ, ์˜๋ฌธ ์„ค๋ช… โœ“ ๋ฐ์ผ๋ฆฌํ˜ธํ…” ์นด๋“œ ์ •๋ณด : ์ธ๋„ค์ผ, ํ˜ธํ…”๋ช…, ํƒœ๊ทธ, ์ •์ƒ๊ฐ€๊ฒฉ, ํ• ์ธ๊ฐ€๊ฒฉ, ์ฟ ํฐ, ํ• ์ธ์œจ ์ด์ฏค ๋˜๋ฉด ์นด๋“œ์— ์–ด๋–ค ์ •๋ณด๋ฅผ ๋‹ด์•„์•ผ ํ• ์ง€ ๊ณ ๋ฏผ์ด ๊ธธ์–ด์งˆ ๊ฒ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ์—” ์นด๋“œ๋ฅผ ๋จผ์ € ๊ธฐํšํ•˜๊ธฐ ๋ณด๋‹ค ์นด๋“œ์˜ ์ƒ์„ธ ๋ณด๊ธฐ ๋‚ด์šฉ๋“ค์„ ๋จผ์ € ๊ธฐํšํ•œ ๋‹ค์Œ ์นด๋“œ๋ฅผ ๊ธฐํšํ•˜๋ฉด ๊ณผ์ •์ด ์กฐ๊ธˆ ๋” ์ˆ˜์›”ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ฑด ์—ญ์‹œ, ์นด๋“œ๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ค ์˜์‚ฌ๊ฒฐ์ •์„ ํ•˜๊ฒŒ ๋งŒ๋“ค์ง€ ์น˜๋ฐ€ํ•˜๊ฒŒ ์„ค๊ณ„ํ•ด์•ผ ๋œ๋‹ค๋Š” ๊ฒ๋‹ˆ๋‹ค. ์นด๋“œ์— ์—†๋Š” ๋‚ด์šฉ์ด ์ƒ์„ธ ๋ณด๊ธฐ์— ์žˆ์„ ์ˆ˜ ์žˆ์ง€๋งŒ, ์ƒ์„ธ ๋ณด๊ธฐ์— ์—†๋Š” ๋‚ด์šฉ์ด ์นด๋“œ์— ์žˆ๋‹ค๋ฉด ์ผ๋ฐ˜์ ์ธ ๊ธฐํš์ด ์•„๋‹ˆ๊ฑฐ๋‚˜, ํŠน์ •ํ•œ ๋ชฉ์ ์„ ๋‹ฌ์„ฑํ•˜๊ธฐ ์œ„ํ•œ ์ด์œ ์˜€์„ ๊ฒ๋‹ˆ๋‹ค. ๐Ÿ“Œ๋””์ž์ธ ๊ฐ€์ด๋“œ๋ผ์ธ์„ ๋”ฐ๋ฅด๊ณ  ์žˆ๋Š”๊ฐ€? ๋‹ค๋ฅธ ์„œ๋น„์Šค์—์„œ ์นด๋“œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ ‘ํ•˜๋”๋ผ๋„, ๋ถˆํŽธํ•จ์ด ํฌ๊ฒŒ ๋“ค์ง€ ์•Š๋Š” ๊ฑด ๋””์ž์ธ ๊ฐ€์ด๋“œ๋ผ์ธ์„ ์ค€์ˆ˜ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์ผ๊ฒ๋‹ˆ๋‹ค. ์šฐ๋ฆฐ ๋งŽ์€ ์ปดํฌ๋„ŒํŠธ์— ์ต์ˆ™ํ•ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด๊ณผ ๋‹ค๋ฅธ ์ƒˆ๋กœ์šด ๋ฐฉ์‹์„ ๋งŒ๋“ค์–ด ๋‚ด๋Š”๊ฒŒ ์ ˆ๋Œ€ ๋‚˜์œ ๊ฑด ์•„๋‹ˆ์ง€๋งŒ, ์ƒˆ๋กœ์šด ์ž‘๋™ ๋ฐฉ์‹์„ ๋งŒ๋“ค์–ด๋‚ผ๋•Œ ์œ ์ €๋“ค์€ ์ต์ˆ™ํ•˜์ง€ ์•Š์Œ์„ ๋Š๋‚„ ์ˆ˜ ์žˆ๋‹ค๋Š” ์ , ๊ทธ๊ฒŒ ๋ถ€์ •์ ์ธ ์˜์‚ฌ ๊ฒฐ์ •์œผ๋กœ ์—ฐ๊ฒฐ๋  ์ˆ˜๋„ ์žˆ๋‹ค๋Š” ์  ์œ ์˜ํ•˜์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค. (๐Ÿ‘‹์ค‘์š”ํ•œ ์ด์œ ๊ฐ€ ๋ญ”๊ฐ€์š”?) ์นด๋“œ UI๋Š” ๋™์ผํ•œ ์ปดํฌ๋„ŒํŠธ ๋‚ด ์ •๋ณด๋“ค์„ ์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ์ž˜ ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ด์œ ๋กœ ์ง€๊ธˆ๊นŒ์ง€๋„ ์—ฌ๋Ÿฌ ์„œ๋น„์Šค์—์„œ ์‚ฌ์šฉ ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌธ์ œ๋Š” ์ƒ์„ธ ํ™”๋ฉด ๋Œ€๋น„ ์ž‘์€ ๊ณต๊ฐ„์— ์–ด๋–ค ์ •๋ณด๋ฅผ ์–ด๋–ป๊ฒŒ ์ฑ„์›Œ ๋„ฃ๋Š๋ƒ! ์ธ๋ฐ์š”. ํฌ๊ฒŒ ์ฒซ ์ ์šฉ๊ณผ ๊ฐœ์„  ๊ณผ์ •์—์„œ์˜ ์ ์šฉ ๋‘ ๊ฐ€์ง€ ๊ด€์ ์—์„œ ๋ฐ”๋ผ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ „์ž๋Š” ๋ณธ๋ฌธ์—์„œ๋„ ์ž˜ ๋‚˜์™€์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ์ƒ์„ธ ํ™”๋ฉด์— ์–ด๋–ค ์ •๋ณด๋“ค์ด ๋“ค์–ด๊ฐ€๊ณ , ์‚ฌ์šฉ์ž๋“ค์—๊ฒŒ ์–ด๋–ค ํ–‰๋™์„ ์œ ๋„ํ•  ๊ฒƒ์ธ์ง€์— ๋”ฐ๋ผ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ›„์ž๋Š” ์กฐ๊ธˆ ๋‹ค๋ฅธ๋ฐ์š”. ์นด๋“œ ์ค‘ ํ•˜๋‚˜๋ฅผ ์„ ํƒ, ์ƒ์„ธ ํ™”๋ฉด์œผ๋กœ ์ง„์ž…ํ•ด ์–ด๋–ค ํ–‰๋™์„ ํ•˜๋Š”์ง€ ๋“ฑ์— ๋”ฐ๋ฅธ ๋ฐ์ดํ„ฐ๋ฅผ ๊พธ์ค€ํžˆ ์ถ”์ , ๊ด€์ฐฐํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ๋ฐฐ์น˜, ์˜๋„ํ•œ ๊ตฌ์„ฑ๊ณผ ์‚ฌ์šฉ์ž๋“ค์ด ์‹ค์ œ ๋ฐ›์•„ ๋“ค์ด๋Š” ๋ฐฉ๋ฒ•์—๋Š” ์–ธ์ œ๋‚˜ ์ฐจ์ด๊ฐ€ ์กด์žฌํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

์„œ๋น„์Šค ๊ฐ€์น˜๋ฅผ ์ „๋‹ฌํ•˜๋Š” ์นด๋“œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ธฐํšํ•˜์‹ญ๋‹ˆ๊นŒ?

Brunch Story

์„œ๋น„์Šค ๊ฐ€์น˜๋ฅผ ์ „๋‹ฌํ•˜๋Š” ์นด๋“œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ธฐํšํ•˜์‹ญ๋‹ˆ๊นŒ?

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

๋˜๋Š”

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

2020๋…„ 7์›” 13์ผ ์˜ค์ „ 12:35

๋Œ“๊ธ€ 0




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

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

1

๋‹ฌ๋ ˆ ๋ธ”๋กœ๊ทธ ์“ฐ๋Š” ๊ฐœ๋ฐœ์ž โœ๏ธ

์‹ค์‹œ๊ฐ„ ์–‘๋ฐฉํ–ฅ ํ†ต์‹ ์„ ์œ„ํ•œ ์›น์†Œ์ผ“(WebSocket)

2

๊ณจ๋นˆํ•ด์ปค Chief Maker

์ฝ”๋”ฉ ์—ฐ์Šต์šฉ์œผ๋กœ ์ข‹์€ ์ฃผ์ œ๋กœ โ€œ์†Œ์ฝ”๋ฐ˜โ€์ด๋ผ๋Š” ๊ณ ์ „ ๊ฒŒ์ž„์ด ์žˆ์Šต๋‹ˆ๋‹ค

3

Outsider ๋‹น๊ทผ๋งˆ์ผ“ SRE

GitHub์„ ํšŒ์‚ฌ์—์„œ ํ˜‘์—…์„ ํ•˜๋‹ค๋ณด๋ฉด ํ˜‘์—…์„ ์‰ฝ๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด์„œ

4

์กฐ์„œํฌ ์ปฌ๋ฆฌ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž

๐Ÿ•Š๏ธ [Medium] ๋ชจ๋“  ์—”์ง€๋‹ˆ์–ด๊ฐ€ ํ•„์š”ํ•œ 15๊ฐœ์˜ ์‹œ๊ฐ„ ์ ˆ์•ฝ

5

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

๋” ๋‚˜์€ ํ”„๋กœ๊ทธ๋ž˜๋จธ ๋˜๋Š” ๋งˆ์ง€๋ง‰๋…ธํ•˜์šฐ

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