Vue Framework์ ๋ํญ ํฅ์: ์ ๋ฆด๋ฆฌ์ค์ ํฅ์๋ ๋ฐ์์ฑ ๋ฐ ์ ์ํ ํ ํ๋ฆฟ ๊ตฌ๋ฌธ ๋ถ์
Vue 3.4 ๋ฆด๋ฆฌ์ค๋ JavaScript ํ๋ ์์ํฌ์ ์๋นํ ์ ๊ทธ๋ ์ด๋๋ฅผ ์ ๊ณตํฉ๋๋ค.

์ธ๊ธฐ ์๋ JavaScript ํ๋ ์์ํฌ์ ๋ํ ์๋ง์ ํฅ๋ฏธ๋ก์ด ๊ธฐ๋ฅ๊ณผ ํฅ์๋ ๊ธฐ๋ฅ์ ๊ฐ์ถ ๋๋ผ์ด ์ ๊ทธ๋ ์ด๋์ธ Vue 3.4๊ฐ ์ถ์๋์์ต๋๋ค. ๋ ๋ฐฐ์ ์๋๋ก ์๋ํ๋ ์๋ก์ด ํ ํ๋ฆฟ ํ์์ ๋ ๋์ ํจ์จ์ฑ์ ๋ณด์ฅํ๋ ์ฌ๊ตฌ์ฑ๋ ๋ฐ์์ฑ ์์คํ ์ด ํฌํจ๋ ์ธ์์ ์ธ ์ ๋ฐ์ดํธ๊ฐ 2023๋ 12์ 28์ผ ๋์ค์๊ฒ ๊ณต๊ฐ๋์์ต๋๋ค.
์๋ก ์ถ์๋ Vue 3.4๋ ์๋นํ ๋ด๋ถ ๊ฐ์ ์ผ๋ก ๊ฐ๋ ์ฐจ ์์ด ์ฑ๋ฅ๊ณผ ๊ธฐ๋ฅ ๋ฉด์์ ์ธ์์ ์ธ ๋์ฝ์ ๋ณด์ฌ์ค๋๋ค. ํฅ์๋ ๊ธฐ๋ฅ ๋ชฉ๋ก์ ๋งจ ์์๋ ์ฌ์ค๊ณ๋ ํ ํ๋ฆฟ ํ์๊ฐ ์์ต๋๋ค. htmlparser2์ ์ํ ๋จธ์ ํ ํฌ๋์ด์ ๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ค๊ณ๋ ํ์๋ ๋จ์ผ ๋ฐ๋ณต์ผ๋ก ์ ์ฒด ํ ํ๋ฆฟ ๋ฌธ์์ด์ ์คํํ์ฌ ํฌ๊ธฐ์ ๊ด๊ณ์์ด ํ ํ๋ฆฟ ์๋์ 2๋ฐฐ ์ฆ๊ฐ๋ฅผ ๋ณด์ฅํฉ๋๋ค. Vue์ ๋๋์ธ Evan You ๋ฆด๋ฆฌ์ค์ ํจ๊ป ์์๋ ๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ์์ ์ด๋ฌํ ์ธ๋ถ ์ฌํญ์ ๋ ผ์ํ์ต๋๋ค.
์ ๋ฆด๋ฆฌ์ค๋ ํ์ ๊ฐ๋ฐ์๋ง ๊ตญํ๋์ง ์์ต๋๋ค. ๋ํ SFC(๋จ์ผ ํ์ผ ๊ตฌ์ฑ ์์) ๋น๋ ์ฑ๋ฅ์ด ํฌ๊ฒ ํฅ์๋์์ต๋๋ค.
Vue 3.4 ๊ธฐ๋ฅ์ ์ ๋ฐ์ดํธ๋ ์ ํ๊ตฐ์ ์ถ๊ฐ๋ ๊ฒ์ ๊ณ์ฐ๋ ์์ฑ์ ์ต์ ์ฌ๊ณ์ฐ์ ๋ชฉํ๋ก ํ๋ ๋ฐ์์ฑ ์์คํ ์ ํฌ๊ด์ ์ธ ์ฌ์ค๊ณ์ ๋๋ค. ์ด๋ฌํ ๋ณ๊ฒฝ๊ณผ ๋์์ Vue 3.4์๋ v-model์ ์ง์ํ๋ ๊ตฌ์ฑ ์์์ ์คํ์ ๊ฐ์ํํ๊ธฐ ์ํ ์๋ก์ด ๋งคํฌ๋ก์ธ DefineModel๋ ๋์ ๋์์ต๋๋ค.
๊ฐ์กฐ๋ ๋ณ๊ฒฝ ์ฌํญ ์ธ์๋ Vue.js 3.4๋ ๋ ์ ๋ง์ถคํ๋ ์ํ ๋ถ์ผ์น ์ค๋ฅ ๋ฉ์์ง, Vue ๋ฌธ์์ ์ถ๊ฐ๋ ์์ฐ ์ค๋ฅ ์ฐธ์กฐ ํ์ด์ง ๋ฐ ๋ ์ด์ ์ฌ์ฉ๋์ง ์๋ ๊ธฐ๋ฅ์ ์ฒ ํ๋ฅผ ์๋ํฉ๋๋ค. ์ ์ญ JSX ๋ค์์คํ์ด์ค์ Reactivity Transform์ ํ๊ธฐ๋ ๊ธฐ๋ฅ ๋ชฉ๋ก์ ์ ๋์ ์์ต๋๋ค.
Vue๋ ๊ฐ๋ฐ์๊ฐ ์น์์ ์ง๊ด์ ์ธ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ถํ ์ ์๋๋ก ์ง์ํ๋ ์ง๋ณด์ ์ด๊ณ ์ ์ง์ ์ผ๋ก ์ ์ ๊ฐ๋ฅํ JavaScript ํ๋ ์์ํฌ๋ผ๋ ์ ์ ์๋ถ์ฌ์ ๊ฐ๊ณ ์์ต๋๋ค. ๋ง์ง๋ง ์ค์ํ ๋ฆด๋ฆฌ์ค์ธ Vue 2.0์ 2016๋ ์ ๋ฐ๋ทํ์ง๋ง 2023๋ 12์ 31์ผ์ ์๋ช ์ด ์ข ๋ฃ๋์์ต๋๋ค.
Vue 3.4์ ์ถ์๋ JavaScript ์์ญ์ ์ธ์์ ์ธ ๋ฐ์ ์ ์๋ฏธํ๋ค๋ ๊ฒ์ ๋ถ์ธํ ์ ์๋ ์ฌ์ค์ ๋๋ค. AppMaster ์คํ๋์ค์ ๊ฐ์ ์๋ง์ no-code ํ๋ซํผ์ด ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ์ํด Vue์ ๊ฐ์ ํ๋ ์์ํฌ๋ฅผ ํ์ฉํ๋ ๋ฐ๋ฉด, ์ด๋ฒ ์ ๋ฐ์ดํธ๋ ์ฑ๋ฅ ์์ค๊ณผ ๊ฐ๋ฐ ํจ์จ์ฑ์ ์๋ก์ด ์ฐจ์์ผ๋ก ๋์ด์ฌ๋ฆด ๊ฒ์ผ๋ก ์์๋ฉ๋๋ค.


