Vue.js - Django ์ฐ๋ ์น ํ๋ก๊ทธ๋๋ฐ
Vue.js ์ Django ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ์ฌ, ์น ํ๋ก๊ทธ๋๋ฐ์ ํ ์ ์๋ค.
์๊ฐ์ 673๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
์ธํ๋ฐ <Vue.js-Django ์ฐ๋ ์น ํ๋ก๊ทธ๋๋ฐ(์ค์ ํธ)> ๊ฐ์๋ฅผ ๊ตฌ๋งคํ๋ ์๊ฐ์์๊ฒ, ์ ์์ ์ฑ ์ ๋ฌด๋ฃ๋ก ์ฆ์ ํฉ๋๋ค.
๋์์ ๊ฐ์ ๋ด์ฉ๊ณผ ๋น์ทํ ์ฃผ์ ๊ฐ ๋ง์์, ๊ณต๋ถํ๋๋ฐ ๋์์ด ๋ ๊ฒ์ผ๋ก ์๊ฐ๋ฉ๋๋ค.
- ์ฆ์ ์ฑ : ํ์ด์ฌ ์น ํ๋ก๊ทธ๋๋ฐ(์ค์ ํธ-๊ฐ์ ํ, ํ๋น๋ฏธ๋์ด, 2019๋ 11์, ์ ๊ฐ 32000์)
- ๊ธฐ๊ฐ: ์ฑ 5~6๊ถ ์์ง์ ๊น์ง, ์ ์ฐฉ์ (ํ์ฌ ์๊ฐ์ 81๋ช ์)
- ์ฑ ์ ๋ฌ๋ฐฉ๋ฒ: ํ๋ฐฐ ์ฐฉ๋ถ ๋๋ ์งํ์ฒ 4ํธ์ ํ์ฉ (๋ ์ข์ ๋ฐฉ๋ฒ ํ์ ๊ฐ๋ฅ)
- ๋์์ ๊ตฌ๋งค ํ, ์ ๊ฒ ์ด๋ฉ์ผ ์ฃผ์ธ์. (๊ตฌ๋งค ์ฑํจ ๋ฐ ์ํ๋ ์ ๋ฌ ๋ฐฉ๋ฒ ํ์ ๋ฐ๋, kimseokhun@gmail.com)
- ์ฑ ์ ๋ฐ์ ์ฌ๋์, ๊ฐ์ ๊ตฌ๋งค ํ ์ทจ์๊ฐ ๋ถ๊ฐํฉ๋๋ค.
========================================================
(1) <inflearn> Vue.js - Django ์ฐ๋ ์น ํ๋ก๊ทธ๋๋ฐ
(2) <onoffmix> ํ์ด์ฌ ์ฅ๊ณ - Vue.js ํธ - ์ ์ ์ง๊ฐ (์ฐ์ค์ ์)
------------------------------------------------------------------------
(1)๋ฒ์ ์๊ฐํ๋ค๋ฉด, (2)๋ฒ ์คํ๋ผ์ธ ๊ต์ก์ 50% ํ ์ธ ํฉ๋๋ค. (2์ฃผ ๊ต์ก)
========================================================
(1)๋ฒ์์, Vue-Django ์ฐ๋ ๊ธฐ๋ณธ ์๋ฆฌ๋ฅผ ๊ณต๋ถํ๋ค๋ฉด,
(2)๋ฒ์ ํตํด Vue-Django ์ฐ๋์, ์ค์ ์ ํ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์๋๋ค.
(2)๋ฒ์์๋ vue-cli/Webpack ๋ฐฉ์์ผ๋ก, Vue ์ปดํฌ๋ํธ ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ฏ๋ก,
ํฐ ํ๋ก์ ํธ์ ๋ ์๋ง๋ ๋ฐฉ์์ ๋๋ค.
ํ๋ก์ ํธ๋ฅผ ์ปดํฌ๋ํธ๋ก ์ชผ๊ฐ๊ณ , ๊ณตํต ์ปดํฌ๋ํธ๋ ์ฌํ์ฉํ๋ ๋ฐฉ์์ด๊ธฐ ๋๋ฌธ์ ๋๋ค.
์ฌ์ ํ VueRouter, Vuex, DRF ๋ฅผ ์ฌ์ฉํ์ง ์์ ์ฌ์ด ๋ฐฉ์์ด๊ณ ,
Vuetify ๊ธฐ๋ฅ์ผ๋ก Bootstrap ๋ณด๋ค ํ๋ฉด์ ์ข ๋ ๋ฉ์ง๊ฒ ๊พธ๋ฐ ์ ์์ต๋๋ค.
๊ต์ก ์๊ฐ์ ์ํ์๋ ๋ถ์ ์๋ ์ฌ์ดํธ์์ <์ธํ๋ฐ ์๊ฐ์-4์ฐจ> ๋ฅผ ์ ํํด์ ์ ์ฒญ ๋ฐ๋๋๋ค.
- https://onoffmix.com/event/205000
๊ฐ์ ์ฃผ์ ์ฌํญ์ ์๋ 3๊ฐ์ง๋ง ๋ค๋ฅด๊ณ ๋๋จธ์ง๋ ๋์ผํฉ๋๋ค.
- (1)๋ฒ ์ธํ๋ฐ ์๊ฐ์์ ํํด,
- ์๊ฐ๋ฃ : 15๋ง -> 7๋ง ์ผ๋ก ํ ์ธ
- ์๊ฐ: ํ ์์ผ 6์๊ฐ x 2ํ (์ด 12 ์๊ฐ) ์ผ๋ก ๋จ์ถ
(1)๋ฒ์ ์๊ฐํ๋ค๋ฉด, (2)๋ฒ ๊ต์ก์๊ฐ์ 2์ฃผ๋ก ๋จ์ถํด๋ ์ถฉ๋ถํ๊ธฐ ๋๋ฌธ์ ๋๋ค.
์๊ฐํ๋ค๋ ๊ฒ์ ์ ๊ฐ ์ ์ ์๋๋ก, ์ธํ๋ฐ ์๊ฐํ์ ์ด๋ฆ์ ๋จ๊ฒจ์ฃผ์๊ธฐ ๋ฐ๋๋๋ค.
- (์๊ฐํ ์์) ์คํ๋ผ์ธ ๊ฐ์๋ ์ ์ฒญํฉ๋๋ค. (ํ๊ธธ๋)







