๐Ÿ“† 23.03.15 - ๊ฐœ๋ฐœ์ž ์ฑ„์šฉ ํ”„๋กœ์„ธ์Šค์— ๊ด€ํ•œ ์Šค์Šค๋กœ์˜ ๊ณ ์ฐฐ๐Ÿ’ก

๋ฒ„๋“คยท2023๋…„ 3์›” 15์ผ
2

โœจToday I Learn (TIL)

๋ชฉ๋ก ๋ณด๊ธฐ
30/62
post-thumbnail

๋ฐฐ๊ฒฝ

๋ฌด์ž‘์ • ์‚ฌ๋žŒ๋“ค์ด ๋งŽ์ด ์ ‘ํ•˜๋Š” ํ™˜๊ฒฝ์„ ์ง์ ‘ ๊ฐœ๋ฐœํ•ด๋ณด๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์œผ๋กœ ์‚ฌ์ „ ์ง€์‹ ์—†์ด Vue 3๋กœ ๋จธ๋ฆฌ๋ฐ•์น˜๊ธฐ ํ•˜๋“ฏ ๊ตญ๋‚ด์„  ํ•ญ๊ณต๊ถŒ ์กฐํšŒ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค์—ˆ์—ˆ๋‹ค.

ํ˜ผ์ž ๋งŒ๋“  Vue ํ”„๋กœ์ ํŠธ๋กœ ์ทจ์—…์‹œ์žฅ์— ๋„์ „ํ•ด๋ณด๋‹ค

๋•Œ๋Š” ์ž‘๋…„ ์žฅ๋งˆ ์‹œ์ฆŒ.. 60๊ฐœ์˜ ์ด๋ ฅ์„œ๋ฅผ ์“ฐ๊ณ  ์ •๋ง ์šด์ด ์ข‹๊ฒŒ๋„ 11๊ณณ์˜ ๊ธฐ์—…์— ์„œ๋ฅ˜๋ฅผ ๋ถ™๊ฒŒ ๋˜์—ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ถ€์กฑํ•œ CS ์ง€์‹์— ์˜ํ•ด ์ฝ”๋”ฉํ…Œ์ŠคํŠธ์™€ ๊ธฐ์ˆ ๋ฉด์ ‘์—์„œ ๋ถˆ์•ˆํ•œ ๋ชจ์Šต์„ ๋ณด์ด๊ฒŒ ๋˜์—ˆ๊ณ , ๊ณผ์ œ์ „ํ˜•์—์„œ๋Š” React๋ž‘ Flutter๋กœ ๊ธฐ์ถœ์ด ๋˜์–ด Vue ์›ํˆด์ธ ๋‚ด๊ฒŒ๋Š” ์งง์€ ์‹œ๊ฐ„์— ํ•ด๋‚ด๊ธฐ์—๋Š” ๋„ˆ๋ฌด๋‚˜๋„ ์–ด๋ ค์› ๋‹ค.

๋ช‡ ๊ฐœ์˜ ๊ธฐ์—…์—์„œ ์ตœ์ข…ํ•ฉ์„ ๋ฐ›๊ฒŒ๋˜์—ˆ์ง€๋งŒ, ๋ชจ๋‘ ๋‹ค SI๊ธฐ์—…์—, ๋‚ด๊ฐ€ ํ”„๋กœ์ ํŠธ๋ฅผ ์–ด๋–ป๊ฒŒ ์ง„ํ–‰ํ•ด์™”์œผ๋ฉฐ, ๋ฌด์Šจ ์„œ๋น„์Šค์ธ์ง€ ๊ถ๊ธˆํ•˜์ง€๋„ ์•Š์€ ์‚ฌ๋žŒ๋“ค ์ฒœ์ง€์˜€๋‹ค.

๊ทธ๋ž˜์„œ ๋‹ค์‹œ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ ๊ธฐ์—…๋“ค์„ ์•Œ์•„๋ดค์ง€๋งŒ ๊ทธ๋•Œ ๋‹น์‹œ React๊ฐ€ ํ˜„ ๊ฐœ๋ฐœ์ž ์‹œ์žฅ์—์„œ ๋งŽ์ด, ๊ทธ๊ฒƒ๋„ ์ •๋ง ๋งŽ~์ด ๋ถ„ํฌ๋˜์—ˆ์„ ์‹œ๊ธฐ๋ผ, ๊ณ ์ž‘ Vue ํ”„๋กœ์ ํŠธ ํ•˜๋‚˜ ๋งŒ๋“  ๋‚ด๊ฐ€ ์ง€์›ํ•  ์ˆ˜ ์žˆ๋Š” ์นด๋“œ๋“ค์€ ๋ช‡ ์žฅ ์กด์žฌํ•˜์ง€ ์•Š์•˜๋‹ค.

๋‹ค์‹œ ํ•œ๋ฒˆ ์ง‘์ค‘์ ์œผ๋กœ ๊ณต๋ถ€ํ•˜๋Š” ๊ธฐ๊ฐ„์„ ๊ฐ–๊ฒŒ ๋˜๋‹ค.

์ ์€ ๊ธฐ๊ฐ„ ๋‚ด์— ์ง‘์ค‘ํ•ด์„œ ๋ฆฌ์•กํŠธ๋ฅผ ๋ฐฐ์šฐ๊ณ , ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ CS ์ง€์‹ ๋ฐ ๋‹ค๋ฅธ ์ง์—…๊ตฐ๋“ค๊ณผ์˜ ํ˜‘์—… ๊ฒฝํ—˜์„, ๋˜ํ•œ ๊ฐ™์€ ์ถœ๋ฐœ์ ์—์„œ ์‹œ์ž‘ํ•œ ์‚ฌ๋žŒ๋“ค๊ณผ ๊ฐœ๋ฐœ ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์ด๋ฃจ๊ณ  ์‹ถ์€ ๋งˆ์Œ์— 3๊ฐœ์›” ๊ธฐ๊ฐ„์˜ ๋ถ€ํŠธ์บ ํ”„๋ฅผ ์ง„ํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ์–ด๋Š์ •๋„ ๊ธฐ์ˆ ์ ์ธ ๋„์ „๋„, ๊ฒฝํ—˜์น˜๋„ ์ถฉ๋ถ„ํžˆ ์Œ“์•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜์—ฌ์„œ ๋‹ค์‹œ ํ•œ๋ฒˆ ์ฃผ๋‹ˆ์–ด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด ์ง€์›์„œ๋ฅผ ๋„ฃ๊ธฐ ์‹œ์ž‘ํ•˜์˜€๋‹ค.


์ƒ๊ฐ๋ณด๋‹ค ์‰ฝ์ง€์•Š์€ ๊ตฌ์ง๊ณผ์ •

์ฝ”๋”ฉํ…Œ์ŠคํŠธ

ํ”„๋ก ํŠธ์—”๋“œ๋Š” ๋Œ€๊ธฐ์—…์ด ์•„๋‹ˆ๊ณ ์„  ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ๋ณด๋‹ค ๊ณผ์ œ ์ „ํ˜•์ด ๋งŽ๋‹ค๋Š” ์ด์•ผ๊ธฐ๋ฅผ ๋งŽ์ด ๋“ค์–ด์™”๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ง์ ‘ ๊ตฌํ˜„ํ•˜๋Š” ๋Šฅ๋ ฅ์ด ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฐ ์ž๋ฃŒ๊ตฌ์กฐ๋ฅผ ๋” ์ค‘์š”์‹œํ•˜๋Š” ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ๋ฌธ์ œํ’€์ด ๋Šฅ๋ ฅ๊ณผ๋Š” ์•„์ฃผ ๋ฐ€์ ‘ํ•œ ๊ด€๊ณ„๊ฐ€ ์—†๋‹ค๋Š” ์•„ํ‹ฐํด๋„ ์—ฌ๋Ÿฌ๋ฒˆ ๋ณด์•˜๊ธฐ์— ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ค€๋น„๋Š” ๋”ฐ๋กœ ์•ˆํ•ด๋„ ๋˜๊ฒ ์ง€ ๋ผ๋Š” ์ƒ๊ฐ์„ ๊ฐ€์ง€๊ณ  ์žˆ์—ˆ๋‹ค.

ํ•˜์ง€๋งŒ ํ˜„์‹ค์„ ๊ทธ๋Ÿฌํ•˜์ง€ ์•Š์•˜๋‹ค.

์ƒ๊ฐ๋ณด๋‹ค ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ „ํ˜•์€ ๊ณผ์ œ ์ „ํ˜•๋ณด๋‹ค ๋ฌด์ˆ˜ํ•˜๊ฒŒ ๋งŽ์•˜๊ณ , ๋‹ค๋ฅธ ํ•ด์™ธ ์‚ฌ์ดํŠธ๋“ค์˜ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์‹œํ—˜์„ ๋ณด๋Š” ๊ณณ๋“ค์ด ์ •๋ง ๋งŽ์•˜๋‹ค. ํ•„์ž๊ฐ€ ๋ณธ ์‹œํ—˜๋ฌธ์ œ๋“ค์€ ํ•ด์ปค๋žญํฌ, ์ฝ”๋”œ๋ฆฌํ‹ฐ ์—์„œ ์ถœ์ œ๋œ ๋ฌธ์ œ๋“ค์ด์—ˆ๊ณ , ์˜์–ด ํ•ด๋…์ด ์ƒ๊ฐ๋ณด๋‹ค ๋Š๋ ค์„œ ๋ฌธ์ œํ‘ธ๋Š”๋ฐ ์‹œ๊ฐ„์ด ์˜ค๋ž˜๊ฑธ๋ฆฌ๊ธฐ๋„ ํ•˜์˜€๋‹ค.

ํ˜„์žฌ IT ๊ธฐ์—… ์ฑ„์šฉํ”„๋กœ์„ธ์Šค

์ด ๋‹จ๋ฝ์ด ์ด๋ฒˆ ํฌ์ŠคํŒ…์˜ ๋ณธ๋ฌธ์ด๊ธฐ๋„ ํ•˜๋‹ค. ์–ด๋–ป๊ฒŒ ๋ณด๋ฉด ์ฑ„์šฉ ์‹œ์Šคํ…œ์— ๋Œ€ํ•œ ์–ต์šธํ•จ์„ ํ† ๋กœํ•˜๋Š” ๊ฒƒ์ผ์ง€๋„ ๋ชจ๋ฅธ๋‹ค. ์‘์• ๊ฑฐ๋ฆฌ๋Š” ๋ถ€๋ถ„๋„ ํ•œ๋ฒˆ ๊พน ์ฐธ๊ณ  ์ฝ์–ด์ฃผ์‹œ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค! ์‘์• 

๋Œ€ํ•™๊ต ์˜ˆ๋น„๋ฒˆํ˜ธ ๋Š๋‚Œ์˜ ์„œ๋ฅ˜์ „ํ˜• ํ•ฉ๊ฒฉ ํ†ต๋ณด

์ด๋ ฅ์„œ์™€ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ์ฑ„์šฉ ํ”Œ๋žซํผ์œผ๋กœ ๋„ฃ๊ฒŒ ๋˜๋ฉด, ์ธ์‚ฌ ๋‹ด๋‹น๊ด€ ๋ถ„๋“ค์ด ํ™•์ธ ํ›„ ํ•ฉ๋ถˆ์„ ๊ฐ€๋ฅด๊ฒŒ ๋œ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ˆ˜์‹œ์ฑ„์šฉ์ด๋ผ์„œ ๊ทธ๋Ÿฐ์ง€ ์ด๋ ฅ์„œ๋ฅผ ๋ณด๊ณ  ๋ถˆํ•ฉ๊ฒฉ๋„, ํ•ฉ๊ฒฉ๋„ ์•Œ๋ฆฌ์ง€ ์•Š๊ณ  ์งง๊ฒŒ๋Š” 2์ฃผ, ๊ธธ๊ฒŒ๋Š” 4์ฃผ ๋’ค์— ๋ฉด์ ‘ ํ•œ๋ฒˆ ๋ณด์ž๊ณ  ์—ฐ๋ฝํ•ด์ฃผ์‹œ๋Š” ๋ถ„๋“ค์ด ๊ณ„์‹ ๋‹ค. ์ข€ ๋งŽ์ด.

์„œ๋ฅ˜์ „ํ˜• ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ฉด์ ‘์ „ํ˜•์˜ ๊ฒฐ๊ณผ๋„ ์‹œ๊ฐ„์ด ์ •๋ง ๋งŽ์ด ๊ฑธ๋ฆฐ๋‹ค. ๋งˆ์น˜ ๋ฌด์–ธ๊ฐ€ ์•„์‰ฌ์›Œ์„œ ๋‚˜๋ณด๋‹ค ๋” ๋ฐธ๋ฅ˜๊ฐ€ ์ข‹์€ ์‚ฌ๋žŒ์„ ์ฐพ๊ณ ์ž, ์‹œ๊ฐ„์„ ๋ฌด๊ธฐํ•œ์œผ๋กœ ๋‘๋Š” ๋Š๋‚Œ์„ ๋งŽ์ด ๋ฐ›๋Š”๋‹ค. ๋งˆ์น˜ ์ • ์—†์œผ๋ฉด ๋Œ€์ฒดํ’ˆ์„ ์‚ฌ์šฉํ•˜์ž๋ผ๋Š”..

๊ณ ์ฐฐ

์‚ฌ์‹ค ์ด๋Ÿฌํ•œ ๊ฒฝํ—˜๋“ค ์กฐ์ฐจ ๋‚˜๋Š” ๊ทธ๋ ‡๊ฒŒ ๋ฐ›์•„๋“ค์ด๋ ค๊ณ ํ•œ๋‹ค.
๋‹ค๋ฅธ์‚ฌ๋žŒ๋“ค๋กœ ๋Œ€์ฒดํ•  ์ˆ˜ ์—†๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•ด์„œ ๊ณ„์†ํ•ด์„œ ๋…ธ๋ ฅํ•ด๋‚˜๊ฐˆ ์ˆ˜ ๋ฐ–์— ์—†๋‹ค๊ณ 
์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋„ ๊ทธ๋Ÿฌํ•˜๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ์—์„œ๋Š” ๊ตฌํ˜„ ์ชฝ์ด ํŠนํ™”๋˜์–ด ์žˆ๋‹คํ•˜๋”๋ผ๋„, ํ•ด๊ฒฐ๋Šฅ๋ ฅ์„ ํ‰๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์€ ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋‹ˆ, ์ด ๋ถ€๋ถ„๋„ ์ถ”๊ฐ€๋กœ ๊ณต๋ถ€ํ•ด์•ผ๋œ๋‹ค. ์ •๋ง ์ข‹์€ ๊ธฐ์—…๋“ค์—์„œ ๊ธฐํšŒ๋ฅผ ์คฌ์Œ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ , ์ฝ”๋”ฉํ…Œ์ŠคํŠธ์— ์ทจ์•ฝํ•˜๋‹ค๋Š” ๊ฒƒ์œผ๋กœ ๊ทธ ๊ธฐํšŒ๋ฅผ ๋‚ ๋ ค๋จน์€ ๋‚ด ์ž˜๋ชป์ด ํฌ์ง€ ์•Š๋‚˜.

๋ฉด์ ‘์—์„œ๋„ ์ข€ ๋” ๋‚ด ์—ญ๋Ÿ‰์„ ํ™•์‹คํ•˜๊ฒŒ ์–ดํ•„์„ ํ•˜์˜€๋‹ค๋ฉด, ๋‹ค๋ฅธ ๋Œ€์ฒดํ•  ์‚ฌ๋žŒ๋“ค์„ ์ฐพ์„ ํ•„์š”์—†์ด, ๋ถ€ํ•ฉํ•œ ์ธ์žฌ๋กœ ์„ ๋ฐœ๋˜์—ˆ์„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

๊ฒฐ๋ก ์€ ์ข€๋งŒ ๋” ์ตœ์„ ์„ ๋‹คํ•˜์ž.

์˜ค๋Š˜์€ ์•„๋ฌด๋ง ๋Œ€์ž”์น˜๋กœ ๋‹ต๋‹ตํ•œ ๋งด์„ ๊ธ€๋กœ ํ’€์–ด์“ฐ๋ฉด์„œ, ๋‚ด ๋ถ€์กฑํ•œ ์ ์„ ์Šค์Šค๋กœ ๊ด€์ฐฐํ•˜๋ ค๊ณ  ๋…ธ๋ ฅ์„ ๋งŽ์ด ํ•œ ๊ฒƒ ๊ฐ™๋‹ค.
ํ”„๋กœ์„ธ์Šค ํƒ“์„ ํ•˜๊ธฐ ๋ณด๋‹ค๋Š” ๋‚ด๊ฐ€ ๋” ๋งŽ์ด ๋ฐฐ์›Œ์•ผ๊ฒ ๊ตฌ๋‚˜, ๋” ๋งŽ์ด ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์„ ์ฐพ์•„์•ผ๊ฒ ๊ตฌ๋‚˜, ์ด๋ ‡๊ฒŒ ์ƒ๊ฐํ•ด์•ผ์ง€ ์ขŒ์ ˆํ•˜์ง€ ์•Š๊ณ , ๋ฐœ์ „ํ•ด ๋‚˜์•„๊ฐ€๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ™•์‹ ํ•˜๋ฉฐ ์ด ๊ธ€ ๋งˆ์น˜๋ ค๊ณ  ํ•œ๋‹ค.

์‘์• !๐Ÿ‘ผ

profile
ํƒœ์–ด๋‚œ ๊น€์— ๋งŽ์€ ๊ฒฝํ—˜์„ ํ•˜๋ ค๊ณ  ์•„๋“ฑ๋ฐ”๋“ฑ ์• ์“ฐ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž

0๊ฐœ์˜ ๋Œ“๊ธ€