๐Ÿ” [์ง๋ฌด ๊ด€๋ จ ์งˆ๋ฌธ] - 03. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์จ๋ดค๋Š”์ง€?

์กฐ์ค€ํ˜•ยท2021๋…„ 6์›” 20์ผ
0

interview

๋ชฉ๋ก ๋ณด๊ธฐ
8/20
post-thumbnail
  • ์จ๋ดค๋‹ค๋ฉด ์–ด๋–ค ๊ฑธ ์“ฐ๋Š”์ง€?
  • ๋งŒ์•ฝ ์“ด๋‹ค๋ฉด ์“ฐ๋Š” ์ด์œ ์™€ ์ผ์„ ๋•Œ์˜ ์žฅ์ ?

๐Ÿ’ฌ Answer

๐ŸŒ ์‚ฌ์šฉํ•œ ํ”„๋ ˆ์ž„์›Œํฌ

๐Ÿ‘‰ Vue

Vue๋Š” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋ ˆ์ž„์›Œํฌ ์ž…๋‹ˆ๋‹ค.
Model, View, ViewModel์˜ MVVM์˜ ๊ตฌ์กฐํ™”๋œ ํŒจํ„ด์œผ๋กœ ๊ฐœ๋ฐœํ•ฉ๋‹ˆ๋‹ค.
MVVMํŒจํ„ฐ์„ ์ด์šฉํ•˜์—ฌ ํ™”๋ฉด์˜ ์š”์†Œ๋ฅผ ์ œ์–ดํ•˜๋Š” ์ฝ”๋“œ์™€ ๋ฐ์ดํ„ฐ ์ œ์–ด ๋กœ์ง์„ ๋ถ„๋ฆฌํ•˜์—ฌ ์ฝ”๋“œ๋ฅผ ๋” ์ง๊ด€์ ์œผ๋กœ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ณ , ์ถ”ํ›„ ์œ ์ง€ ๋ณด์ˆ˜๊ฐ€ ํŽธํ•ด์ง‘๋‹ˆ๋‹ค.

๐Ÿ‘‰ ์™œ Vue๋ฅผ ์‚ฌ์šฉํ–ˆ๋Š”๊ฐ€?

๊ฐ€์žฅ ํฐ ์ด์œ ๋Š” ๋ฐฐ์šฐ๊ธฐ ์‰ฝ๋‹ค๋Š” ์ ์ž…๋‹ˆ๋‹ค.
์‚ผ์„ฑ์ฒญ๋…„์†Œํ”„ํŠธ์›จ์–ด(SSAFY)์—์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋Š”๋ฐ ์งง์€ ๊ธฐ๊ฐ„์•ˆ์— ์™„์ˆ˜๋ฅผ ํ•ด์•ผํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ƒˆ๋กœ React๋ฅผ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒƒ ๋ณด๋‹จ, Vue๋ฅผ ์ข€ ๋” ํ™•์‹คํ•˜๊ฒŒ ์•Œ์ž๊ณ  ์ƒ๊ฐํ–ˆ๊ธฐ์— Vue๋ฅผ ์„ ํƒํ•ด์„œ ๊ฐœ๋ฐœํ•˜์˜€์Šต๋‹ˆ๋‹ค.

๊ทธ ๋‹ค์Œ Vue๋Š” ๊ธฐ์กด HTML ํ…œํ”Œ๋ฆฟ์„ ๊ทธ๋Œ€๋กœ ํ™œ์šฉํ•œ๋‹ค๋Š” ์ ์ž…๋‹ˆ๋‹ค.
์ปดํฌ๋„ŒํŠธ์—์„œ ๋‹ค๋ฃจ๋Š” CSS๋„ ๊ธฐ์กด ๋ฌธ๋ฒ• ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์—, ๋” ์‰ฝ๊ฒŒ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘‰ Vue์˜ ์žฅ์ 

  • Angular์—์„œ ์ง€์›ํ•˜๋Š” ์–‘๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ์„ ๋™์ผํ•˜๊ฒŒ ์ œ๊ณต. (๊ฐ™์€ ์ปดํฌ๋„ŒํŠธ ์•ˆ์—์„œ)
    ์ปดํฌ๋„ŒํŠธ๊ฐ„ ํ†ต์‹ ์˜ ๊ธฐ๋ณธ ๊ณจ๊ฒฉ์€ React์˜ ๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ํ๋ฆ„(๋ถ€๋ชจ->์ž์‹)์„ ์‚ฌ์šฉ.
  • Angular๋‚˜ React์™€ ๋น„๊ตํ–ˆ์„ ๋•Œ ์ƒ๋Œ€์ ์œผ๋กœ ๊ฐ€๋ณ๊ณ  ๋น ๋ฆ„.
  • ๋ฌธ๋ฒ•์ด ๋‹จ์ˆœํ•˜๊ณ , ๊ฐ„๊ฒฐํ•˜์—ฌ ์ดˆ๊ธฐ ํ•™์Šต ๋น„์šฉ์ด ๋‚ฎ๊ณ  ๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ ์ ‘๊ทผ๊ฐ€๋Šฅ.

๐Ÿ“˜ ์ฐธ๊ณ 

https://joshua1988.github.io/web-development/vuejs/vuejs-tutorial-for-beginner/#vuejs๋ž€-๋ฌด์—‡์ธ๊ฐ€

profile
๊นƒํ—ˆ๋ธŒ : github.com/JuneHyung

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