์ต์ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ Vue.js ์ ๊ธฐ์ด๋ฅผ ํ์ตํ๋ ๊ฐ์ข์ ๋๋ค. ์ด ๊ฐ์๋ ํ๋ฐํธ์๋ ๊ฐ๋ฐ์ ์ ๋ฌธํ๋ ์ ๋ฌธ์, ํผ๋ธ๋ฆฌ์ , ๋์์ด๋, ๋ํ์์ ๋์์ผ๋ก ํฉ๋๋ค. ์ฑ ๊ณผ ๊ณต์ ๋ฌธ์๋ณด๋ค ๋น ๋ฅด๊ฒ Vue.js๋ฅผ ํ์ตํ์๊ณ ์ถ์ ๋ถ๋ค๊ป ์ถ์ฒ๋๋ฆฝ๋๋ค.
์ต์ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ Angular & React ์ ์ฅ์ ์ ๊ฒฐํฉํ์ฌ ๋ง๋ Vue.js ์ ๊ธฐ์ด๋ฅผ ํ์ตํ๋ vue.js ๊ฐ์ข ์ ๋๋ค. ๋ณธ ๊ฐ์๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ ๋ฌธํ๋ ๋น ๊ฐ๋ฐ์, ๋์์ด๋, ํผ๋ธ๋ฆฌ์ , ๋น ์ ๊ณต์, ๋ํ์ ๋ฐ ์ ๋ฌธ์ ๋ฅผ ๋์์ผ๋ก ํฉ๋๋ค. Fast Campus ์ ํ๋ก ํธ์๋ ์น์ฑ ์บ ํ ๊ต๊ณผ๊ณผ์ ์ค 3์๊ฐ ์ง๋ฆฌ Vue ๊ฐ์๋ฅผ ์ฌ๊ตฌ์ฑํ์ฌ ๋ นํํ์์ผ๋ฉฐ, 3์๊ฐ ์์ Vue ์ ๊ฐ๋ ์ ํ์ตํ๊ณ ๊ธฐ๋ณธ์ ์ธ ํ๋ฉด ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ๋๋ก ์๊ฐ์์ ์ดํด๋ฅผ ๋๋๋ฐ ๋ชฉ์ ์ ๋๊ณ ์์ต๋๋ค. ์ ์ฒด์ ์ธ ๊ฐ์ ๋ฐฉ์์ ์ด๋ฏธ ๋ง์ ์จ๋ผ์ธ ๊ฐ์ข์์ ๊ฒ์ฆ๋ ๊ฐ๋จํ ์ด๋ก ์ค๋ช -> ๊ฐ์ฌ๊ฐ ๋ผ์ด๋ธ ์ฝ๋ฉ -> ์ค๋น๋ ์์ ์ ์๊ฐ์์ด ๋ฐ๋ก ์ค์ต ์ ํํ๋ก ๊ตฌ์ฑ๋์ด ์์ต๋๋ค. ํด๋น ๊ต์ก ๋ฐฉ์์ ์ด๋ก ์ ๋ฐฐ์ฐ๊ณ ๋ฐ๋ก ์ค์ตํ๋ ํํ์ ๊ต์ก๋ฐฉ์์ผ๋ก ์ ์ธ๊ณ ๊ฐ๋ฐ์๋ค์ด ๊ณต๊ฐํ๋ ํจ๊ณผ์ ์ธ ๊ต์ก๋ฐฉ์์ ๋๋ค. ์ด ๊ฐ์๋ Vue ์ ๊ฐ์, ๊ตฌ์ฑ์์, ํ๋ก์ ํธ ๊ตฌ์ฑ ํ ๋ฑ Vue ๋ก ํ๋ฉด์ ๊ฐ๋ฐํ๋ ๋ฐ ํ์ํ ์ ๋ฐ์ ์ธ ๋ด์ฉ๋ค์ ๋ค๋ฃน๋๋ค. ์ง์๊ณต์ ์์ Vue.js ์ ์๋ ์์ผ๋ ์ฐธ๊ณ ํ์๋ฉด ๋์ฑ ์ฝ๊ฒ ๋ฐฐ์ฐ์ค ์ ์์ต๋๋ค.(๋ณด๋ฌ๊ฐ๊ธฐ)
๋ณธ ๊ฐ์ข์ ๋ชฉํ๋ Vue ํ๋ ์์ํฌ์ ํ์ ์์๋ค์ ๋ํ ๊ฐ๋ ์ ์ก๊ณ , ๋ผ๋๋ฅผ ์ธ์ด ๋ค ์๊ฐ ํ Vue ๋ฅผ ์ด์ฉํด ๊ฐ๋จํ ํ๋ฉด ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ๋๋ก ํ๋ ๊ฒ์ด ๋ชฉํ์ ๋๋ค. 3์๊ฐ ๋ง์ ์์ฆ ๊ฐ์ฅ ํซํ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ๋ฅผ ํ์ตํ์๊ณ , ๋๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ํ ์ ์๋ค๋ ์์ ๊ฐ์ ์ป์ด๊ฐ์ธ์. โป ๋ค๋ฅธ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์ ๋นํด ์ฝ๊ฒ ๋ฐฐ์ธ ์ ์๋ค๋ ๊ฒ์ ์ง์ ์ฒด๊ฐํ์๊ธฐ ๋ฐ๋๋๋ค :)
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๊ด์ฌ์๋ ๋ชจ๋ ๋ถ๊ป ์ ํฉํฉ๋๋ค.
โป ๋ค๋ง HTML, CSS, JS ์ ๊ธฐ์ด๋ ์๊ณ ๊ณ์ ์ผ ํฉ๋๋ค.
Vue ๋ก ํ๋ฉด์ ๊ฐ๋ฐํ๊ธฐ ์ํ ๊ธฐ๋ณธ์ ์ธ ๊ตฌ์ฑ์์์ ์ค์ ํ๋ก์ ํธ ๊ตฌ์ฑ ํ ๋ฑ ์ ๋ฐ์ ์ธ ๋ด์ฉ์ ๋ค๋ฃน๋๋ค.
โป ES6 (์ต์ ์๋ฐ์คํฌ๋ฆฝํธ ์คํ) ์ Webpack ์ ๋ชจ๋ฅด์ ๋ ์์ ์งํ์ด ๊ฐ๋ฅํฉ๋๋ค.
์ฅ๊ธฐํจ (์บกํดํ๊ต)
์น์ผ๋ก ์ธ์์ ๋ ํธํ๊ฒ ๋ง๋ค ์ ์๋ค๊ณ ๋ฏฟ๋ ์น ๊ฐ๋ฐ์ ์ ๋๋ค. ์น ์ฑ๋ฅ ์ต์ ํ์ ๊ด์ฌ์ด ๋ง๊ณ , ์ทจ๋ฏธ๋ก ๊ธฐ์ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ๋ฉฐ ๋ ธ๋ ๋ถ๋ฅด๋ ๊ฒ์ ์ข์ํด ํ ๋ ์ฝ๋ฉ์ ํฉ๋๋ค. [ํ๋กํ]
- Do it! Vue.js ์ ๋ฌธ ์ ์
- ํจ์คํธ์บ ํผ์ค Vue.js ์ ๋ณต ์บ ํ, Vue๋ก ๊ตฌํํ๋ PWA CAMP ๊ฐ์ฌ
- Google ์น ๊ธฐ์ ๊ณต์ ์ฌ์ดํธ ๋ฒ์ญ์
- ๊ธฐ์ ๋ธ๋ก๊ทธ
- Github
์ธํ๋ฐ์ด ๋ง๋ ์ฌ๋ #02 | ์ฅ๊ธฐํจ๋ ์ธํฐ๋ทฐ ๋ณด๋ฌ๊ฐ๊ธฐ
47,038
๋ช
์๊ฐ์
4,498
๊ฐ
์๊ฐํ
3,812
๊ฐ
๋ต๋ณ
4.9
์
๊ฐ์ ํ์
17
๊ฐ
๊ฐ์
์ธํ๋ฐ์์ 8๋ ์งธ ์ง์์ ๊ณต์ ํ๊ณ ์์ต๋๋ค. ๐ ๊ธฐ์ ๋ธ๋ก๊ทธ, ๐ฃ ํธ์ํฐ, ๐ป ๊นํ
๐ Do it! Vue.js ์
๋ฌธ, ์ฝ๊ฒ ์์ํ๋ ํ์
์คํฌ๋ฆฝํธ, ๋๋ ๋ค์ด๋ฒ ํ๋ฐํธ์๋ ๊ฐ๋ฐ์์
๋๋ค. ์ฑ
3๊ถ ์งํ
๐ Cracking Vue.js, ํ์
์คํฌ๋ฆฝํธ ํธ๋๋ถ, ์นํฉ ํธ๋๋ถ. ์จ๋ผ์ธ ๋ฌด๋ฃ ๊ฐ์ด๋๋ถ 3๊ถ ์งํ
๐จโ๐ป ์บกํดํ๊ต์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ์ ํ๋ธ ์ฑ๋ ์ด์ - ์ทจ์ค์, ์ฃผ๋์ด ๊ฐ๋ฐ์๋ค์ ๊ณ ๋ฏผ์ ๋ค์ ์ ์๋ ๊ณณ
๐ฅค ์บกํดํ๊ต์ ์นด์นด์คํก ์คํ ์ฑํ
๋ฐฉ ์ด์ - ํ๋ฐํธ์๋ ๊ฐ๋ฐ ์ต์ ์ ๋ณด์ ์
๊ณ ๋๋ฃ๋ค์ ์๊ฐ๊ณผ ๊ณ ๋ฏผ์ ๋ค์ ์ ์๋ ๊ณณ
์ ์ฒด
60๊ฐ โ (3์๊ฐ 32๋ถ)
๊ณต๊ฐํ์ง ์๋ ๊ฐ์๋ก ์๊ฐ์ด ์ ํ๋ฉ๋๋ค.