Vue.js ! - WastepaperBasket/Vue.js GitHub Wiki
Vue.js
Javascript Framework ์ธ์ด์ธ React, Angular, Vue.js ์ค ํ๋
Vue.js๋ Evan You๊ฐ ๋ง๋ ์ธ์ด์ด๋ฉฐ, React์ Angular์ ์ฅ์ ๋ง์ ๋ชจ์ ๋ง๋ค์๋ค๊ณ ํ๋ค.
React๋ Facebook, Angualr๋ Google์ด ์ง์ํ๊ณ ์์.
๋ฐ๋ฉด Vue.js 1์ธ ๊ฐ๋ฐ์๋ก ์์ํ๊ธฐ ๋๋ฌธ์ ๋ค๋ฅธ ์ธ์ด๋ค์ ๋นํด ๋ฐ๋ฆด ๊ฒ์ผ๋ก ์๊ฐํ์ผ๋,
์๊ฐ ๊ทธ ์ด์์ผ๋ก ์ ์ง๋ณด์๊ฐ ์ ๋๋ฉฐ, ์ฌ์ฉ์๋ ๋งค์ฐ๋ง์.
React Angular Vue ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์?
web-app(์๋ก๊ณ ์นจ์์ด ๋ถ๋๋ฝ๊ฒ)์ ๋ง๋ค๋ ์ฌ์ฉ. ์ฆ ํ์ด์ง๊ฐ ์๋ก๊ณ ์นจ๋์ง ์๊ณ ๋ถ๋๋ฝ๊ฒ ์ ํ๋๋ ์ฌ์ดํธ
-
Easy ์ฌ์ฐ๋๊น ์
Angular
๋ ๋ฐฉ๋ํ๊ณ Typescript๋ฅผ ๊ฐ์ ๋ก ์จ์ผํ๊ณ /React
๋ ๊ธฐ์กด JS๋ฌธ๋ฒ์ /Vue
๋ Vue ๋ฌธ๋ฒ์- ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ชปํ ์๋ก Vue๊ฐ ์ฌ์
- ๊ตฌ์กฐ ํ์ ์ด ์ฌ์. ๋ง์ ๊ฒฝ์ฐ Vue๊ฐ ๋ ๊น๋
-
Right-way
- Vue๋ HTML์ v-for ๋ฐ์๋ .
- ์ฝ๋ฉ ์คํ์ผ ๋ง์ถ๋๋ฐ์๋ ์๊ฐ โ
-
๋น ๋ฅด๋ค!
- HTML ๋๋๋ง ์๊ฐ์ด ๋น ๋ฅด๋ค
-
์ด๋ณด์ผ์๋ก ์ข๋ค!
-
์ฅ๊ธฐ์ ์ผ๋ก ์ง์์ ํด์ค!
- ์ ๋ฐ์ดํธ ๊พธ์ค์ด ๋จ
Vue.js ํน์ง
- Approachable (์ ๊ทผ์ฑ์ด ์ข๊ณ )
- Versatile (๊ฐ๋ณ์ฑ์ด ์๊ณ = ๋ค์ฌ๋ค๋ฅํ๋ฉฐ, ์ฌ๊ธฐ์ ๊ธฐ ์ ์ฉํ๊ธฐ ์ข๋ค๋ ๋ป)
- Perfomant (์ฑ๋ฅ์ด ์ข์ผ๋ฉฐ)
- Maintainable (์ ์ง๋ณด์๊ฐ ์ข๊ณ )
- Testable (ํ ์คํธ ๊ฐ๋ฅํ๋ค)
๊ธฐ์ด ์ฌ์ ์ง์
-
HTML / CSS
-
๋ณ์ / ์๋ฃํ
-
Array / Object ๋ง๋ค๊ธฐ ๋ฐ์ดํฐ ์ ์ฅ ์ถ๋ ฅ
-
if else
-
function
-
for
โป ํญ์ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๊ธฐ์ด์ ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ ํธํ๊ฒ ํ๋ ค๊ณ ๋ฐฐ์ฐ๋๊ฒ Vue React Angular