๐ŸŽ† ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ ๋น„๊ต

RyuSWยท2022๋…„ 6์›” 12์ผ
0
post-thumbnail

โญ• ์š”์ฆ˜ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ๊ณตํ†ต์ 

  • SPA(Single Page Application)๋ฐฉ์‹์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•œ๋‹ค.

    • ํ•˜๋‚˜์˜ ํŽ˜์ด์ง€์—์„œ ๋ชจ๋“  ํ™”๋ฉด ์ „ํ™˜๊ณผ ๋ฐ์ดํ„ฐ ํ‘œํ˜„์ด ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•˜๋Š” ์›น ํŽ˜์ด์ง€ ๊ธฐ์ˆ 
    • ํŽ˜์ด์ง€ ํ•œ ๋ฒˆ๋งŒ ๋ถˆ๋Ÿฌ์˜ค๋ฉด ๋œ๋‹ค๋Š” ์žฅ์ ์ด ์žˆ๋‹ค.

1. React.js

  • ํŽ˜์ด์Šค๋ถ์—์„œ ๊ฐœ๋ฐœ๋œ ํ˜„์žฌ ๊ฐ€์žฅ ์ธ๊ธฐ ์žˆ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

  • ๋†’์€ ์ž์œ ๋„์™€ ์ฝ”๋“œ๊ฐ€ Plain JS์™€ ๊ฑฐ์˜ ํก์‚ฌ

  • TypeScript ์‚ฌ์šฉ๊ณผ Redux๋ฅผ ํ†ตํ•œ ๋‹ค์–‘ํ•œ ์ƒํƒœ ๊ด€๋ฆฌ ํˆด์ด ์กด๋Œ€

  • ๋ฏธ๋“ค์›จ์–ด ์‚ฌ์šฉ๊ณผ ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ†ตํ•œ ์žฌ์‚ฌ์šฉ์„ฑ ๋“ฑ์˜ ์šฐ์ˆ˜ํ•œ ๊ธฐ๋Šฅ ์กด์žฌ

  • ๋ฐฉ๋Œ€ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ์กด์žฌ

  • ํ•˜์ง€๋งŒ, JS ์ดˆ์‹ฌ์ž์—๊ฒŒ๋Š” ์ง„์ž… ์žฅ๋ฒฝ์ด ์กด์žฌํ•˜๋Š” ํŽธ์ด๋‹ค.


2. Vue.js

  • Angular์™€ React์˜ ๋‹จ์ ์„ ๊ฐœ์„ ํ•˜๊ณ  ์žฅ์ ๋งŒ ๊ณจ๋ผ์„œ ๋งŒ๋“ฆ.

  • ํ•™์Šตํ•˜๊ธฐ์— ๋น„๊ต์  ๋‚œ์ด๋„๊ฐ€ ์‰ฌ์šด ํŽธ์ด๋‹ค.

  • ์ˆœ์ˆ˜ JS๋กœ ๋งŒ๋“ค ๋•Œ๋ณด๋‹ค ํ›จ์”ฌ ํŽธ๋ฆฌํ•จ

  • ์„ฑ๋Šฅ๋„ ๋˜ํ•œ React์™€ ๋น„๊ตํ•˜์—ฌ ๋Œ€๋“ฑํ•˜๋‹ค.

  • ๊ตญ๋‚ด์—์„œ๋„ ๋†’์€ ์ ์œ ์œจ ๊ธฐ๋ก

  • ๊พธ์ค€ํ•œ ์—…๋ฐ์ดํŠธ์™€ ๋ฐฉ๋Œ€ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ


3. Angular.js

  • React์™€ Vue๋ณด๋‹ค ๋‚œ์ด๋„๊ฐ€ ๋†’์Œ

  • ์•ˆ์ •์ ์ธ ์‹œ์Šคํ…œ์„ ๊ฐ–์ถ”๊ณ  ์žˆ๊ณ  ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ๊ธ‰ ๊ทœ๋ชจ์˜ ํ˜‘์—… ํ”„๋กœ์ ํŠธ์— ์ ํ•ฉ

  • React์™€ Vue๋งŒํผ ๋Œ€์ค‘์ ์ด์ง€ ์•Š์Œ


๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋งŒ ์ž˜ ์ตํ˜€๋„ ๋‹ค๋ฅธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ•™์Šตํ•  ์‹œ ํก์ˆ˜๋ ฅ๋„ ์ข‹๊ณ  ๋งค์šฐ ์œ ์šฉํ•˜๋‹ค!!

profile
๋ฐฐ์šด ๊ฒƒ์€ ํ•ญ์ƒ ๊ทธ ๋•Œ ๋ฌธ์„œํ™”ํ•˜์ž!

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