-
Notifications
You must be signed in to change notification settings - Fork 0
Vue.js !
DoYoung Park edited this page Mar 23, 2023
·
7 revisions
Javascript Framework ์ธ์ด์ธ React, Angular, Vue.js ์ค ํ๋
Vue.js๋ Evan You๊ฐ ๋ง๋ ์ธ์ด์ด๋ฉฐ, React์ Angular์ ์ฅ์ ๋ง์ ๋ชจ์ ๋ง๋ค์๋ค๊ณ ํ๋ค.
React๋ Facebook, Angualr๋ Google์ด ์ง์ํ๊ณ ์์.
๋ฐ๋ฉด Vue.js 1์ธ ๊ฐ๋ฐ์๋ก ์์ํ๊ธฐ ๋๋ฌธ์ ๋ค๋ฅธ ์ธ์ด๋ค์ ๋นํด ๋ฐ๋ฆด ๊ฒ์ผ๋ก ์๊ฐํ์ผ๋,
์๊ฐ ๊ทธ ์ด์์ผ๋ก ์ ์ง๋ณด์๊ฐ ์ ๋๋ฉฐ, ์ฌ์ฉ์๋ ๋งค์ฐ๋ง์.
web-app(์๋ก๊ณ ์นจ์์ด ๋ถ๋๋ฝ๊ฒ)์ ๋ง๋ค๋ ์ฌ์ฉ. ์ฆ ํ์ด์ง๊ฐ ์๋ก๊ณ ์นจ๋์ง ์๊ณ ๋ถ๋๋ฝ๊ฒ ์ ํ๋๋ ์ฌ์ดํธ
-
Easy ์ฌ์ฐ๋๊น ์
Angular
๋ ๋ฐฉ๋ํ๊ณ Typescript๋ฅผ ๊ฐ์ ๋ก ์จ์ผํ๊ณ /React
๋ ๊ธฐ์กด JS๋ฌธ๋ฒ์ /Vue
๋ Vue ๋ฌธ๋ฒ์์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ชปํ ์๋ก Vue๊ฐ ์ฌ์- ๊ตฌ์กฐ ํ์ ์ด ์ฌ์. ๋ง์ ๊ฒฝ์ฐ Vue๊ฐ ๋ ๊น๋
-
Right-way
- Vue๋ HTML์ v-for ๋ฐ์๋ .
- ์ฝ๋ฉ ์คํ์ผ ๋ง์ถ๋๋ฐ์๋ ์๊ฐ โ
-
๋น ๋ฅด๋ค!
- HTML ๋๋๋ง ์๊ฐ์ด ๋น ๋ฅด๋ค
-
์ด๋ณด์ผ์๋ก ์ข๋ค!
-
์ฅ๊ธฐ์ ์ผ๋ก ์ง์์ ํด์ค!
- ์ ๋ฐ์ดํธ ๊พธ์ค์ด ๋จ
- Approachable (์ ๊ทผ์ฑ์ด ์ข๊ณ )
- Versatile (๊ฐ๋ณ์ฑ์ด ์๊ณ = ๋ค์ฌ๋ค๋ฅํ๋ฉฐ, ์ฌ๊ธฐ์ ๊ธฐ ์ ์ฉํ๊ธฐ ์ข๋ค๋ ๋ป)
- Perfomant (์ฑ๋ฅ์ด ์ข์ผ๋ฉฐ)
- Maintainable (์ ์ง๋ณด์๊ฐ ์ข๊ณ )
- Testable (ํ ์คํธ ๊ฐ๋ฅํ๋ค)
-
HTML / CSS
-
๋ณ์ / ์๋ฃํ
-
Array / Object ๋ง๋ค๊ธฐ ๋ฐ์ดํฐ ์ ์ฅ ์ถ๋ ฅ
-
if else
-
function
-
for
โป ํญ์ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ๊ธฐ์ด์ ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ ํธํ๊ฒ ํ๋ ค๊ณ ๋ฐฐ์ฐ๋๊ฒ Vue React Angular
โป Vue๋ง๋ ํ๋ก์ ํธ ์ ๋ก๋ ํด๋ณด๊ธฐ? ์ ๋ก๋ ํ๋๋ฐฉ๋ฒ๋งํฌ
๊ณต๋ถํ๋ฉฐ ๊ธฐํ URL ๋ถ๋งํฌ ์ ๋ฆฌ๋ณธ