Udemy

Platform

한국어

Language

Web Development

Category

Vue.js - Django 연동 웹 프로그래밍 (실전편)

Vue and Django Web Programming (Blog app)

4.00 (1 reviews)

Students

6 hours

Content

Apr 2021

Last Update
Regular Price


What you will learn

We can do Vue and Django web programming without VueRouter, Vuex, Django REST framework. (English subtitles included)

클라이언트 전문 FW 인 Vue 와 서버 전문 FW 인 Django 를 같이 활용하여, 업그레이드된 웹 프로그래밍을 해 보자.

Vue 쪽의 VueRouter, Vuex 를 사용하지 않고도, Django 쪽의 DRF 를 사용하지 않고도, 쉽게 할 수 있다.


Description

We can do web programming with Vue.js and Django together.

Both are easy to learn.

Vue.js is Client web framework which provides client rendering with virtual DOM and nice user experiences.

Also Django is Server web framework which provides ORM, built-in Admin, Authorizations, and more.

We can do it without Vue Router and Vuex. Moreover, we can do it without Django DRF.

So very easy.

** This lecture covers until the Post Read API. (English subtitles included)

** There are separate lecture for the Post Create/Update/Delete and Authentication in the Udemy. (English subtitles included)



Screenshots

Vue.js - Django 연동 웹 프로그래밍 (실전편)
Vue.js - Django 연동 웹 프로그래밍 (실전편)
Vue.js - Django 연동 웹 프로그래밍 (실전편)
Vue.js - Django 연동 웹 프로그래밍 (실전편)

Content

완성 프로그램 미리 보기

완성 프로그램 미리 보기

Django 로 Blog 앱 개발

장고 뼈대 만들기

모델 코딩

URL/뷰/템플릿 코딩

폴더 위치 잡기

태그 달기

User 모델 Customization

Settings 수정

Vue-Django 연동 원리

vue-cli 시작하기

package.json 살펴보기

index.html 만들기

장고와 폴더 연동하기

SPA vs MPA

Webpack devServer

뷰 폴더 복사하기

Vue-Django UI 화면 꾸미기

home.html 만들기

메인 메뉴 만들기

post_list.html - v-data-table

post_list.html - codepen

post_list.html - test

post_detail.html - Grid system

post_detail.html - codepen

post_detail.html - vue

메뉴 수정하기

빌드하기

Vue-Django Read API 만들기 (I)

axios-list 뷰 코딩

axios-list 장고 코딩

axios-list Serialize

axios-list 기능 확인

axios-detail 코딩

axios-prev-next 뷰 코딩

axios-prev-next 장고 코딩

axios-prev-next 기능 확인

Vue-Django Read API 만들기 (II)

axios-tag-cloud tag.name

axios-tag-cloud tag.count

axios-tag-cloud tag.weight

axios-tag-cloud 기능 확인

페이지 이동 - URL 처리

페이지 이동 - API 처리

페이지 이동 - 제목 수정

페이지 이동 - Detail 화면으로

페이지 이동 - v-data-table


3460294

Udemy ID

8/30/2020

Course created date

9/12/2020

Course Indexed date
Bot
Course Submitted by