๐Ÿ’™ ssafy

[SSAFYcial] ์ž๋ฐ” ๋น„์ „๊ณต์ž์˜ ๋ฆฌ์•กํŠธ๋ฅผ ์ฐพ์•„ ๋– ๋‚˜๋Š” ์—ฌ์ •

c0zi 2024. 7. 31. 15:43

์•ˆ๋…•ํ•˜์„ธ์š” SSAFYcial 11๊ธฐ ๊ธฐ์ž ์ด์ง€ํ˜œ์ž…๋‹ˆ๋‹ค.

 

์ตœ๊ทผ์— ์ €ํฌ๋Š” 2ํ•™๊ธฐ ์ฒซ ํ”„๋กœ์ ํŠธ์ธ ๊ณตํ†ต ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉฐ ๋ฐ”์œ๋‚ ์„ ๋ณด๋‚ด๊ณ  ์žˆ๋Š”๋ฐ์š”,

 

์•ž์œผ๋กœ๋Š” ์‹ธํ”ผ์—์„œ ๋‘๋ฒˆ์งธ ํ•™๊ธฐ๋ฅผ ๋ณด๋‚ด๋ฉด์„œ์˜ ์—ฌ์ •๊ณผ ์ €์˜ ์ทจ์ค€ ์Šคํ† ๋ฆฌ๋ฅผ ๊ณต์œ ํ•ด๋ณด๋ ค ํ•ฉ๋‹ˆ๋‹ค. 


๊ฐ‘์ž๊ธฐ ํ”„๋ก ํŠธ์—”๋“œ ?

 

์ด์ „์— ์ œ ๋ธ”๋กœ๊ทธ๋ฅผ ๋ณด์‹  ๋ถ„๋“ค์„ ์•„์‹œ๊ฒ ์ง€๋งŒ, ์ €๋Š” ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ณ  ์‹ถ๋‹ค๋Š” ํ™•์‹ ์„ ๊ฐ€์ง€๊ณ  ์‹ธํ”ผ์— ๋“ค์–ด์˜ค๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

 

๊ทธ๋Ÿฐ๋ฐ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์—์„œ ์ €๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ๋‹ด๋‹นํ•˜๊ณ  ์žˆ๋Š”๋ฐ์š”, ์ด์™€ ๊ด€๋ จ๋œ ์ด์•ผ๊ธฐ๋ฅผ ํ•ด๋ณด๋ ค ํ•ฉ๋‹ˆ๋‹ค.

 

 

 

 

์‹ธํ”ผ์— ๋“ค์–ด์™€์„œ ๋ฐฑ์—”๋“œ ๊ณต๋ถ€๋ฅผ ํ•˜๋ฉด์„œ ๋งŽ์€ ์„ฑ์žฅ๊ณผ ์ž์ž˜ํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ฑฐ์ณ์„œ ๋งˆ์ง€๋ง‰ ๊ด€ํ†ต ํ”„๋กœ์ ํŠธ ๋•Œ๋Š” 10์ผ๋™์•ˆ ํ•œ๊ณ„๋ฅผ ๋›ฐ์–ด๋„˜๋Š”(?) ๋ฐค์ƒ˜ ์ž‘์—…๋„ ํ•ด๋ดค์Šต๋‹ˆ๋‹ค.

 

๊ทธ๋Ÿฐ๋ฐ ๊ทธ๋ ‡๊ฒŒ ํ”„๋กœ์ ํŠธ์— ์—ด์ •์ ์œผ๋กœ ์ฐธ์—ฌํ•˜๋Š” ๊ณผ์ •์—์„œ back-end๋ณด๋‹ค๋„ front-end๋ฅผ ๊ธฐํšํ•˜๊ณ  ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ์— ์—ด์ค‘ํ•˜๋Š” ์ €๋ฅผ ๋ฐœ๊ฒฌํ•˜๊ฒŒ ๋˜์—ˆ์–ด์š”.

 

๊ทธ๋ฆฌ๊ณ  ์ €ํฌ๋ฐ˜ ์‚ฌ๋žŒ๋“ค๋„ ์™„์„ฑ๋œ ํ”„๋กœ์ ํŠธ ๊ฒฐ๊ณผ๋ฌผ์„ ๋ณด๋ฉด์„œ ํ”„๋ก ํŠธ์—”๋“œ์— ์†Œ์งˆ์ด ์žˆ๋Š” ๊ฒƒ ๊ฐ™๋‹ค๋Š” ๋ง๋„ ๋งŽ์ด ํ•ด์ฃผ์…จ์Šต๋‹ˆ๋‹ค.

 

 

 

 

 

์‚ฌ์‹ค์€ ์ด์ „์— ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๊ฒฝํ—˜ํ•ด๋ณด์ง€ ์•Š์•„์„œ back-end์— ๋” ๊ด€์‹ฌ์ด ๋†’๋‹ค๊ณ  ๋А๊ผˆ์—ˆ๋Š”๋ฐ, ์‹ธํ”ผ์— ๋“ค์–ด์™€์„œ ๋‘˜ ๋‹ค ๊ฒฝํ—˜ํ•ด๋ณด๋‹ˆ ๋ˆˆ์— ๋” ์ž˜๋ณด์ด๋Š” ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋” ์ข‹์•„ํ•  ์ˆ˜๋„ ์žˆ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

 

๊ฒŒ๋‹ค๊ฐ€ ssafy์˜ ๊ฒฝ์šฐ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ฅผ ํฌ๋งํ•˜๋Š” ๋ถ„๋“ค์ด ๋Œ€๋‹ค์ˆ˜์ด๊ธฐ ๋•Œ๋ฌธ์—, ํŒ€๋นŒ๋”ฉ์„ ํ•  ๋•Œ ํ•ญ์ƒ ํ”„๋ก ํŠธ๊ฐ€ ๋ถ€์กฑํ•  ์ˆ˜ ๋ฐ–์— ์—†๋Š” ํ™˜๊ฒฝ์ด์—์š”.

 

์ด๋Ÿฐ ์ƒํ™ฉ์—์„œ ์ €๋Š” ๋ฐฑ์—”๋“œ๋“ , ํ”„๋ก ํŠธ์—”๋“œ๋“  ๋‘๋ฐฉํ–ฅ์˜ ๊ฐœ๋ฐœ์„ ๋ชจ๋‘ ์ž˜ํ•˜๋Š” ๊ฒƒ ์—ญ์‹œ ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐ์„ ํ–ˆ๊ณ  ๋‚ด๊ฐ€ ์–ด๋А ํฌ์ง€์…˜์œผ๋กœ ๋ฏธ๋ฆฌ ์ •ํ•˜๊ณ  '๊ทธ๊ฑฐ ์•„๋‹ˆ๋ฉด ์•ˆํ•ด!' ๋ณด๋‹ค๋Š” ํ•ด๋ณด๊ณ  ์‹ถ์€ ๊ฒƒ๋“ค์„ ๋งŽ์ด ๊ฒฝํ—˜ํ•ด๋ณด์ž๋Š” ์ƒ๊ฐ์œผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌํ•˜๊ณ  ์žˆ๋‹ต๋‹ˆ๋‹ค.

 

 

 


ํ”„๋กœ์ ํŠธ๋Š” ์–ด๋•Œ ?

 

๋ฌผ๋ก  ํ”„๋ก ํŠธ์—”๋“œ์— ๊ด€์‹ฌ์ด ์ƒ๊ฒผ๋”๋ผ๋„, ์ €๋Š” ๋ฐฑ์—”๋“œ๋ฅผ ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•ด๋ดค๊ณ  ํ”„๋ก ํŠธ๋Š” vue๋ฐ–์— ํ•  ์ค„ ๋ชจ๋ฅด๋Š” ํ”„๋ฆฐ์ด์˜€์–ด์š”...

 

2ํ•™๊ธฐ ํ”„๋กœ์ ํŠธ ๋•Œ๋Š” ๋Œ€๋ถ€๋ถ„์˜ ํŒ€์ด ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ถ”์„ธ์ด๊ณ  ํ˜„์—…์—์„œ๋„ vue์™€ ๋ฆฌ์•กํŠธ ๋ชจ๋‘ ์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์–ธ์–ด๊ธฐ ๋•Œ๋ฌธ์— ์ €ํฌ ํ”„๋ก ํŠธ์—”๋“œ๋„ ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. (vue์™€ react์˜ ์ž์„ธํ•œ ์ฐจ์ด์ ์— ๋Œ€ํ•ด์„œ๋Š” ๊ณต๋ถ€ํ•ด์„œ ์ถ”ํ›„ ๊ธ€์„ ์ž‘์„ฑํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.)

 

๊ทธ๋ž˜์„œ ์ €๋Š” 2ํ•™๊ธฐ๋ฅผ ์‹œ์ž‘ํ•˜๊ณ  ๊ธ‰ํ•˜๊ฒŒ react ๊ฐ•์˜๋ฅผ ๊ฒฐ์ œํ•ด์„œ ๋“ฃ๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค.

 

 

 

 

์ฒ˜์Œ์—๋Š” vue์™€๋Š” ๋‹ค๋ฅธ ์ ์ด ์žˆ์–ด ๊ตฌ์กฐ๋ฅผ ์žก์„ ๋•Œ ์–ด๋ ค์›€์ด ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. router๋ฅผ ์–ด๋–ค ๊ตฌ์กฐ๋กœ ์žก์•„์•ผ ํ•˜๋Š”์ง€ ๋ชฐ๋ผ์„œ FE๋ผ๋ฆฌ ๋ชจ์—ฌ์„œ ์ƒ๊ฐ๋‚˜๋Š”๋Œ€๋กœ ์ž‘์„ฑํ•ด๋ณด๋‹ค๊ฐ€ 7์ค‘์ฒฉ์ด ๋์„ ๋•Œ ๋ญ”๊ฐ€ ์ด์ƒํ•˜๋‹ค๋Š” ๊ฑธ ๋А๋ผ๊ณ , ๋‹ค์‹œ ์ฐพ์•„๋ณด๊ธฐ๋„ ํ–ˆ์Šต๋‹ˆ๋‹ค.

 

ํ•˜์ง€๋งŒ, ์ด์™€ ๊ด€๋ จํ•ด์„œ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์˜ ๊ตฌ์กฐ์™€ ์ฝ”๋“œ๋ฅผ ์ฐธ๊ณ ํ–ˆ๊ณ  ์ดํ›„ ๋‘์ฐจ๋ก€ ๋” router ๊ตฌ์กฐ์— ๋Œ€ํ•œ ํšŒ์˜๋ฅผ ์ง„ํ–‰ํ•ด ์ ์ ˆํ•œ ๋ผ์šฐํ„ฐ ๊ตฌ์กฐ๋ฅผ ์„ธ์›Œ๋‘์—ˆ์Šต๋‹ˆ๋‹ค.

 

๋ฒŒ์จ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•œ์ง€ ์ผ์ฃผ์ผ ์ •๋„ ์ง€๋‚ฌ๋Š”๋ฐ ์ง€๊ธˆ์€ ๊ฝค ์ ์‘ํ•ด์„œ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

 

 

 

์‹ธํ”ผ์— ๋“ค์–ด์™€์„œ ์ข‹์€ ์  ์ค‘ ํ•˜๋‚˜๋Š” ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์„ ์‹œ๋„ํ•˜๊ฑฐ๋‚˜ ๋ฐฐ์›€์— ์žˆ์–ด์„œ ๊ฒ๋‚ด์ง€ ์•Š๊ณ , ๋–  ๋น ๋ฅด๊ฒŒ ์ตํž ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ ๊ฐ™์•„์š”.

 

react๋ฅผ ๊ณต๋ถ€ํ•˜๋Š”๋ฐ ์–ด๋ ค์›€์ด ์žˆ์œผ์‹  ๋ถ„๋“ค์€ ์œ ํŠœ๋ธŒ๋‚˜ ๊ฐ•์˜ ์‚ฌ์ดํŠธ์— ์ข‹์€ ๊ฐ•์˜๊ฐ€ ๋งŽ์ด ์˜ฌ๋ผ์™€ ์žˆ์œผ๋‹ˆ, ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉด์„œ ์ง์ ‘ ์‹ค์Šตํ•ด๋ณด์‹œ๋Š” ๊ฒƒ๋„ ์ถ”์ฒœ๋“œ๋ ค์š” !


์ดํ›„๋กœ๋„ ํ”„๋กœ์ ํŠธ ๊ด€๋ จ ์ด์Šˆ๋‚˜ ๋ฆฌ์•กํŠธ ๊ด€๋ จํ•ด์„œ ๊ณต์œ ํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์ด ์žˆ๋‹ค๋ฉด ๋‹ค์‹œ ๋Œ์•„์˜ค๊ฒ ์Šต๋‹ˆ๋‹ค !

 

์ด์ƒ ์ด์ง€ํ˜œ ๊ธฐ์ž์˜€์Šต๋‹ˆ๋‹ค.