๐Ÿ˜Ÿ ๋ฌธ์„œ๋ฅผ ๊ผญ ์จ์•ผํ•˜๋‚˜์š”? ๋ฌธ์„œํ™”๋Š” ์ •๋ง ํ•ด์•ผ ํ•˜๋‚˜?๊ฐ€ ์•„๋‹ˆ๋ผ ํ•ด์•ผ ํ•œ๋‹ค!์ด๋‹ค. ์กฐ์ง ๊ทœ๋ชจ๊ฐ€ ์ž‘์œผ๋‹ˆ ์ผ๋‹จ ์‹คํ–‰๋ ฅ์œผ๋กœ ๋ฐ€๊ณ  ๊ฐ€๋Š” ๊ฒฝ์šฐ๋„ ๋งŽ์ง€๋งŒ ํ•ด๋‹น ์•ก์…˜์ด ์ž˜ ๋˜์—ˆ์„ ๊ฒฝ์šฐ ์•„๋‹ˆ๋ฉด ์ž˜ ์•ˆ๋˜์—ˆ์„ ๊ฒฝ์šฐ ๋ฌด์—‡์ด ์„ฑ๊ณต/์‹คํŒจ๋กœ ์ด๋Œ์—ˆ๋Š”์ง€๋Š” ๋ฌธ์„œํ™”๊ฐ€ ๋˜์–ด์žˆ์ง€ ์•Š์œผ๋ฉด ์„œ๋กœ ๊ทธ๋•Œ ๊ทธ๋ ‡๊ฒŒ ๋งํ•˜์ง€ ์•Š์•˜๋Š๋ƒ๋Š” ๋“ฑ ์•„๋ฌด๋ง ๋Œ€์ž”์น˜๊ฐ€ ๋˜๊ณ  ํšŒ๊ณ  ๋‹ค์šด ํšŒ๊ณ ๋Š” ์ด๋ค„์ง€์ง€ ์•Š๋Š”๋‹ค. ํšŒ์‚ฌ๋Š” ๋งค์ถœ๊ณผ ์กฐ์ง์˜ ์„ฑ์žฅ์ด ๋™๋ฐ˜ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค. ๊ทธ๋Ÿด๋•Œ์ผ์ˆ˜๋ก ๋”์šฑ ๋‹จ๋‹จํ•ด์ง€๊ณ  ํšจ์œจ์ ์œผ๋กœ ๋˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ฌธ์„œํ™”๊ฐ€ ์ž๋ฆฌ๋ฅผ ์ž˜ ์žก์•˜๋Š”์ง€๊ฐ€ ์ •๋ง ์ค‘์š”ํ•ด์ง€๋Š” ์‹œ์ ์ด ์˜จ๋‹ค. ๋‚˜ ๋˜ํ•œ ๋ฌธ์„œํ™”์˜ ์ค‘์š”์„ฑ์„ ์ž˜ ๋ชฐ๋ž๋˜ 1์ธ์ด์—ˆ์ง€๋งŒ ๋ฌธ์„œํ™”์˜ ์ค‘์š”์„ฑ์„ ๊ณ„์†ํ•ด์„œ ๊ฐ•์กฐํ•˜๊ณ  ๋ชธ์†Œ ์‹ค์ฒœํ•จ์œผ๋กœ์จ ์ง€๊ธˆ์€ ๊ฐœ๋ฐœํŒ€ ๋ชจ๋‘ ๋ฌธ์„œํ™”๋ฅผ ๊ธฐ์ค€์œผ๋กœ ํ”ผ๋“œ๋ฐฑํ•˜๊ณ  ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ์ด์–ด๊ฐ€๊ณ  ์žˆ๋‹ค. (์‹œ๊ฐ„์€ ์กฐ๊ธˆ ๊ฑธ๋ ธ์ง€๋งŒ ์ง€๊ธˆ์€ ๋„ˆ๋ฌด๋‚˜๋„ ๋‹น์—ฐํ•œ ๋ฌธํ™”๊ฐ€ ๋˜์—ˆ๊ธฐ์— ์ •๋ง ๋…ธ๋ ฅํ•œ ๋ณด๋žŒ์ด ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค) ๊ทธ๋ฆฌ๊ณ  ๋ฌธ์„œํ™”๋งŒ ์ž˜ ๋˜์–ด์„œ๋Š” ์•ˆ๋˜๊ณ  ๊ฒฐ๊ตญ ์ฐพ์•„๋ณด๊ธฐ ์‰ฝ๊ฒŒ ๋ฌธ์„œ๋“ค์ด ์ž˜ ๋ณด๊ด€๋˜์–ด ์žˆ์–ด์•ผ ํ•œ๋‹ค. ๊ทธ๋ž˜์„œ ๋‚˜๋Š” ์ฐพ๊ธฐ ์–ด๋ ค์šด ๋ฌธ์„œ ์‹œ์Šคํ…œ์€ ๋ฌธ์„œํ™”๋ฅผ ํ‡ด๋ณด์‹œํ‚ฌ ๋ฟ์ด๋‹ค๋ผ๊ณ  Notion์„ 3๋…„ ์ „๋ถ€ํ„ฐ ํŒ€์— ๋„์ž…ํ•˜์˜€๊ณ  ์ง€๊ธˆ์€ ์ „์‚ฌ์ ์œผ๋กœ ๋„์ž…๋˜์—ˆ๋‹ค. ์ผ๋ณธ ์„œ๋น„์Šค๋„ ์•„๋‹Œ ํ•ด์™ธ ์„œ๋น„์Šค๋ฅผ ์ผ๋ณธ ์Šคํƒ€ํŠธ์—…์— ์ „ํŒŒํ•˜๋Š”๊ฒŒ ๊ต‰์žฅํžˆ ์–ด๋ ค์šด ์ผ์ด์—ˆ์ง€๋งŒ ์˜ค๋žœ ์‹œ๊ฐ„์ด ๊ฑธ๋ ค ๊ทธ๊ฑธ ํ•ด๋ƒˆ๋‹ค. ๋ญ๋“ ์ง€ ๋ฐ”๋กœ ๊ฒฐ์‹ค์„ ๋งบ์ง€๋Š” ๋ชปํ•œ๋‹ค. ๋ฑ…ํฌ์ƒ๋Ÿฌ๋“œ๋„ ์ˆ˜๋งŽ์€ ์‹œํ–‰์ฐฉ์˜ค๋ฅผ ๊ฑฐ์ณ์„œ ํ…Œํฌ์ŠคํŽ™์„ ๋„์ž…ํ–ˆ์„ ๊ฒƒ์ด๊ณ  ๊ทธ๊ฒƒ์ด ์ž˜ ์•ˆ์ฐฉ๋˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์กฐ์ง ์ „์ฒด์ ์œผ๋กœ ๋„์›€์ด ํ•„์š”ํ•˜๋ฉฐ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฐ๋‹ค. ๊ทธ๋ ‡์ง€๋งŒ ๊ทธ๋ ‡๊ฒŒ ๋…ธ๋ ฅํ•œ ๊ฒฐ์‹ค์€ ์–ธ์  ๊ฐ€ ๋” ํฐ ๋ณด์ƒ์œผ๋กœ ๋Œ์•„์˜ฌ ๊ฒƒ์ด๋‹ค. ๐Ÿ“ ์ดํ•˜ ์•„ํ‹ฐํด ๋ฉ”๋ชจ 1. ํ…Œํฌ ์ŠคํŽ™์ด๋ž€ ๊ธฐ์ˆ (tech) ์„ค๋ช…์„œ(spec)๋ฅผ ๋งํ•ด์š”. ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์ „์— ์ด ๊ธฐ๋Šฅ์„ ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„ํ•  ๊ฒƒ์ธ์ง€ ๊ธฐ์ˆ ์ ์œผ๋กœ ํ’€์–ด ์„ค๋ช…ํ•˜๊ณ , ์ œ์•ˆํ•˜๋Š” ๊ธ€์ด์—์š”. ๋ณดํ†ต์€ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ธฐํš์ ์ธ ๋ถ€๋ถ„์„ ๋ณด๊ณ  ๋ฐ”๋กœ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ž‘์—…ํ•˜๊ฒŒ ๋˜์ง€๋งŒ, ํ…Œํฌ ์ŠคํŽ™์€ ์‹ค์ œ ๊ฐœ๋ฐœ์— ๋ฐ”๋กœ ๋“ค์–ด๊ฐˆ ์ˆ˜ ์žˆ์„ ๊ฒƒ ์ฒ˜๋Ÿผ ์ž์„ธํ•˜๊ฒŒ ์ ์–ด์„œ ์‹ค์ œ ํ”Œ๋žซํผ ์ฝ”๋“œ๊ฐ€ ํฌํ•จ๋˜๋Š” ๊ฒฝ์šฐ๋„ ๋งŽ์•„์š”. 2.ํ…Œํฌ ์ŠคํŽ™์€ ์ผ์ • ์‚ฐ์ •์„ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋Š” ๊ฒƒ์€ ๋ฌผ๋ก ์ด๊ณ , ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ๋น„์šฉ ์ ˆ๊ฐ์˜ ๋„๊ตฌ๋กœ๋„ ์“ฐ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 3. ๊ธฐ๋Šฅ์— ๋ณ€๊ฒฝ์ด ์ƒ๊ฒจ ๊ตฌ์ฒด์ ์ธ ๋…ผ์˜๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ, ๋”๋ธ” ์ฒดํฌ๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ์—๋„ ๋ฌธ์„œ๊ฐ€ ์žˆ๋‹ค๋ฉด ๋ณด๋‹ค ๋ช…ํ™•ํ•œ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. 4. ์šฐ๋ฆฌ๋Š” ๋ณดํ†ต ๋ฌธ์„œํ™”๋ฅผ ๊ท€์ฐฎ๊ฒŒ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์„œํ™”๋Š” ์ฝ”๋”ฉ๊ณผ ๋ณ„๋„์˜ ์ผ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๊ธฐ ๋•Œ๋ฌธ์ด์ฃ . ํ•˜์ง€๋งŒ ํ…Œํฌ ์ŠคํŽ™์„ ์จ ๋ณด๋ฉด, ์–ด๋–ป๊ฒŒ ๋งŒ๋“ค ๊ฒƒ์ธ์ง€ ์ค„์ค„์ด ์ž‘์„ฑํ•˜๋ฉด์„œ ์ด๋ฏธ ์›ฌ๋งŒํ•œ ์ˆ˜์ค€์˜ ์ฝ”๋”ฉ์ด ๋“ค์–ด๊ฐ€๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ํ…Œํฌ ์ŠคํŽ™์„ ๋‹ค ์ž‘์„ฑํ•˜๊ณ  ๋‚˜๋ฉด ํ…Œํฌ ์ŠคํŽ™์—์„œ ์ž‘์„ฑํ–ˆ๋˜ ์ฝ”๋“œ๋ฅผ ์‹ค์ œ ํ”„๋กœ๋•ํŠธ์— ๋ถ™์ด๋Š” ๊ฒƒ๋งŒ์œผ๋กœ ์ž‘์—…์ด ๋๋‚˜๊ธฐ๋„ ํ•˜์ฃ . ์ฆ‰, ๋ฌธ์„œํ™”๋Š” ๋”์ด์ƒ ์ฝ”๋”ฉ๊ณผ ๋ณ„๋„์˜ ์ผ์ด ์•„๋‹ˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. 5. ์ฝ”๋“œ ์ „์— ๋ฌธ์„œ๋กœ ์ผํ•˜๋Š” ๋ฑ…ํฌ์ƒ๋Ÿฌ๋“œ๋Š” ์กฐ๊ธˆ ๋” ํŽธํ•˜๊ฒŒ ๋ ˆ๊ฑฐ์‹œ๋ฅผ ๊ธฐ๋กํ•˜๊ณ , ๋œ ์ŠคํŠธ๋ ˆ์Šค๋ฐ›์œผ๋ฉด์„œ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ํ•˜๊ณ , ๋” ์™„์„ฑ๋„ ์žˆ๋Š” ์„ค๊ณ„๋ฅผ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฑ…ํฌ์ƒ๋Ÿฌ๋“œ์˜ ํŠน๋ณ„ํ•œ ์ŠคํŽ™, 'ํ…Œํฌ ์ŠคํŽ™' | ๋ฑ…ํฌ์ƒ๋Ÿฌ๋“œ

Banksalad

๋ฑ…ํฌ์ƒ๋Ÿฌ๋“œ์˜ ํŠน๋ณ„ํ•œ ์ŠคํŽ™, 'ํ…Œํฌ ์ŠคํŽ™' | ๋ฑ…ํฌ์ƒ๋Ÿฌ๋“œ

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

๋˜๋Š”

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

2021๋…„ 9์›” 1์ผ ์˜คํ›„ 2:14

๋Œ“๊ธ€ 0




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

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

1

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

๋„ค์ด๋ฒ„ํŽ˜์ด ์ฃผ๋ฌธ์— ์ ์šฉ๋œ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ๋Œ€๊ธฐ์—ด ๊ฐœ๋ฐœ๊ธฐ

2

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

์›น ์ปดํฌ๋„ŒํŠธ (Web Components)

3

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

SSE์™€ WebSocket, ๊ทธ๋“ค์€ ์™œ ์‹ค์‹œ๊ฐ„ ํ†ต์‹ ์˜ ๋ผ์ด๋ฒŒ์ด ๋˜

4

์กฐํ˜„์šฑ ํŽ˜์ด์›Œ์น˜ ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด

๋‹ค ๋Œ€ํ‘œ ํƒ“์ด๋ผ๊ณ  ํ•˜๋ฉด ๋ŒํŒŒ๊ตฌ๊ฐ€ ๋‚˜์˜ต๋‹ˆ๋‹ค.

5

๐™๐™ž๐™˜๐™๐™–๐™ง๐™™ ์ฒ˜์Œ ๋ฐฐ์›Œ๋„ ์žฌ๋ฏธ์žˆ๊ณ  ๊ฐ€์น˜์žˆ๋Š” DATA/AI ๊ต์œก์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

๊พธ์ค€ํžˆ ์„ฑ์žฅํ•˜๋Š” ํ•ต์‹ฌ ์ธ์žฌ์˜ ํŠน์ง•

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