๐ ๊ฐ๋ฐ ๊ณต๋ถ 3๊ฐ์ ์ฐจ์ธ to-be ๊ฐ๋ฐ์์ ์์ต blog๐๏พ Oct 24 ~ 30, 2021
๋ด๊ฐ ์์ ์ ๊ฐ๊ณ ์ถ์๋ ํ์ฌ๊ฐ Vue๋ก ๊ฐ๋ฐํ๋ ์ฌ๋์ ๋ชจ์งํด์ ์ด ํ์ฌ์ ์ง์ํ๋ ค๋ฉด ๊ผญ Vue๋ฅผ ๋ฐฐ์์ผ๊ฒ ๋ค๊ณ ์๊ฐํ์๋ค. ๊ทธ๋ฆฌ๊ณ ์์ง ์ฌ์ฉ์๊ฐ ์ ์ด์ ๊ทธ๋ ์ง Vue๊ฐ React๋ณด๋ค ์ฒด๊ณ์ ์ธ ๋ฉด์ด ์๋ค๋ ์ด์ผ๊ธฐ๋ฅผ ์ฌ์ฌ์น ์๊ฒ ๋ฃ๊ธฐ๋ ํด์ ์ฃผ์ ๋ฅผ ๋ณด์๋ง์ ์ด session์ ๊ด์ฌ์ด ๊ฐ๋ค.
์ด ๋ฐํ๋ Vue์ ์ต์ version์ธ Vue 3 (One Piece) ์ ๊ดํ ์ด์ผ๊ธฐ์๋ค. update ๋ด์ฉ ์ค ์๋ฅผ ๋ค์ด Vue 3๊ฐ TypeScript์์ ํธํ์ฑ์ ๋ ๋์๋ค๊ณ ํ๋๋ฐ ์ค์ ๋ก ์ฌ์ฉํ๋ฉด ์ด๋ค ์ฅ์ ๊ณผ ์ฃผ์ํ ์ ์ด ์๋์ง ์ค๋ฌด์๋ก์ ์ฌ์ฉ ๊ฒฝํ์ ๊ณต์ ํ๋ ์๋ฆฌ์๋ค.
๋ ์์ง ์ ์์ผ๋ก Vue๋ฅผ ๋ฐฐ์๋ณธ ์ ์ด ์๊ธฐ ๋๋ฌธ์ ์ง๊ธ์ ๋ด ์ํฉ๊ณผ ๋ฑ ๋ง๋ ์ฃผ์ ๊ฐ ์๋ ์๋ ์์ง๋ง ์ธ์ ๊ฐ ๋ฐฐ์ธ Vue์ ์ฒซ์ธ์์ ๊ฐ์ ธ๋ณผ ๊ฒธ session์ ์ฐธ์ํ๋ค.
" Vue 2์์๋ Vue 3์ ์ฅ์ ์ธ ํ์ฅ๋ Composition API์ ์ต์ ํ๋ TypeScript๋ฅผ ์ฌ์ฉํ ์ ์๊ธฐ ๋๋ฌธ์ ์์ง์ Vue 2๋ก Vue.js ๊ฐ๋ฐํ๋ ๋ฐ์ ๋ฌธ์ ์์ "
Vue์์๋ ์ ๊ฐ IE...๐
IE๋ฅผ ํฌํจํ cross browsing์ Vue 2๋ก ๊ฐ๋ฐํด์ผ ํจ
์
๋ฌธ์๋ ๋น์ฅ ๋ฐฐ์์ ์ธ ์ ์๋ Vue 2๋ก ์์ํ ๊ฒ์ ์ถ์ฒ
์๋ํ๋ฉด ์์ง Vue2 ์ฌ์ฉ์๊ฐ Vue 3 ์ฌ์ฉ์์ 19๋ฐฐ ๋ง๊ณ (2021๋
9์ ๊ธฐ์ค), Vue School์์๋ 2021๋
์๋ Vue 2๋ฅผ service์ ์ธ ๊ฒ์ ๊ถ๊ณ ํ๊ธฐ ๋๋ฌธ
ํ์
์์ ๋น์ฅ Vue 2๋ฅผ ์ฌ์ฉํ๊ธฐ๋ ์ด๋ ต๊ฒ ์ง๋ง Vue 2์์๋ composition API๋ฅผ ์ฌ์ฉํด ๋ด
์๋ค!
Vue.extend
๋ก ํด๋๋ฉด TypeScript๋ก migration ํ๊ธฐ ์ฌ์ฐ๋๊น class ๋ฌธ๋ฒ๋ณด๋ค๋Vue.extend
๋ฌธ๋ฒ์ผ๋ก code ์งญ์๋ค.
core์ community library ์ํ๊ณ๊ฐ ์ถฉ๋ถํ ์ฑ์ํด์ง๋ฉด, IE ์ง์์ด ๋๋๋ฉด ์ ์ฐจ Vue 3๋ฅผ ์ฌ์ฉํฉ์๋ค.
e.g.Vuetify
๋ด๊ฐ ๊ฐ๋ฐ ๊ณต๋ถํ๋ฉด์ ํ๊ณ ์ถ์ ๊ฒ ๋ชฉ์ฐจ๋๋ก ์ฐจ๊ณก์ฐจ๊ณก ์ ๋ฆฌํ๋ฉฐ ๊ฐ๋ ์ ์ดํดํ๋ ๊ฑด๋ฐ ์บกํดํ๊ต ๋์ ๊ฒ์๊ธ์ ๋ณด๋ฉด Front-end ๊ด๋ จํ ๋ฐฉ๋ํ ์ง์์ ๊ต๊ณผ์์ฒ๋ผ ์ ๋ฆฌํด ๋์ จ๋ค. ์์ฒญ๋ ๋ด๊ณต์ด ๋๊ปด์ง๋ค... ์ค๋ฌด ๊ฒฝํ๋ ํ๋ถํ๊ณ ๊ฐ์ฐ๋ ๋ง์ด ํ์๋๊น ์ด๋ ๊ฒ ์๋ก์ด ๊ธฐ์ ์ด ๋์์ ๋ ์ด๋ป๊ฒ ํ๋ฉด ์ข์์ง ๋ฐฉํฅ์ ์ก์ ์ ์๋ ๊ฑฐ๊ฒ ์ง? ๋๋จํ๋ค!
๋ ์์ง ํ์ ์์์ ๊ฐ๋ฐ ๊ฒฝํ๋ ์๊ณ React๊น์ง๋ฐ์ ์ ํด๋ดค๊ธฐ ๋๋ฌธ์ ๊ฐ์ฐ์ ๋์ด ์ค๋ฌด์๋ก์ ํด์ฃผ์ ์กฐ์ธ์ ์ดํดํ๊ธฐ ์ฝ์ง ์์์ง๋ง, ์ ๋ฌธ์๋ฅผ ์ํด ํด์ฃผ์ ์กฐ์ธ์ ๋ฐํ์ผ๋ก ์ผ๋ฅธ Vue๋ ๋ฐฐ์๋ด์ผ๊ฒ ๋ค. :)