BEST

풀스택

Vue.js - Django 연동 웹 프로그래밍

Name: Vue.js - Django 연동 웹 프로그래밍
Price: 33000 KRW

Vue.js 와 Django 프레임워크를 사용하여, 웹 프로그래밍을 할 수 있다.

(4.6) 수강평 68개

수강생 667명

Vue.js Django

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

Vue.js와 Django의 연동
ToDo 앱 개발
클라이언트와 서버 렌더링의 차이점
CSRF 토큰 처리
Bootstrap과 FontAwesome을 활용한 웹 디자인
axios를 이용한 데이터 처리

Vue 3.x 와 Django 5.x 최신 소스 제공 합니다.

버전 차이에 따른 현행화 가이드 영상 업로드 했습니다. (섹션-0)

Vue.js - Django 연동 웹 프로그래밍

웹 프로그래밍은 다양한 언어와 프레임워크로 할 수 있다.

그 중에서 프론트엔드에 최적화된 Vue.js, 백엔드에 최적화된 Django 프레임워크를 활용하면, 최상의 조합으로 효율적으로 웹 프로그래밍을 할 수 있다. 둘 다 쉽고 빠르다는 장점이 있기 때문이다.

본 강좌에서는 Vue.js의 중고급 기능인 Vue Router, Vuex 를 사용하지 않고도, 또 Django의 중고급 패키지인 Django Rest Framework 를 사용하지 않고도, Vue.js - Django간에 JSON 연동 방식으로 todo 애플리케이션을 개발하는 과정를 보여준다.

이 과정에서, Client Rendering 과 Server Rendering 의 장단점을 알게 되고, Django의 클래스형뷰를 심층 이해할 수 있는 보너스 효과도 있다.

보통의 Single Page Application 연동방식에 비해, 본 강의 장점 입니다.

Vue-Django 연동 방식이면서도, VueRouter/Vuex/DRF 사용하지 않아도 됩니다.
Vue-Django 연동 방식이면서도, Django 의 Admin 기능을 그대로 사용합니다.
Django 를 API 서버만으로 사용하는 게 아니라, 템플릿 처리도 동시에 가능합니다.

학습 목표

Vue.js와 Django 프레임워크를 사용하여, 웹 프로그래밍을 할 수 있다.

도움이 되는 분들

Django프로젝트에, Vue.js 코드를 사용하려는 개발자
Vue.js는 알지만, 추가로 Django를 학습하려는 개발자
Django 클래스형뷰를 좀 더 활용하려는 개발자
Vue axios, Django JsonResponse 기능을 학습하려는 개발자

참고 사항

Vue.js와 Django에 대한 강의 내용 비율은 대략 3:7 정도 입니다.
강의영상은 Vue 2.x / Django 2.x 버전이지만, Vue 3.x / Django 5.x 소스를 제공하며, 강의 범위에서는 두 버전간 차이는 거의 없는 편 입니다.
Vue.js는 VSCode, Django는 PyCharm 개발툴을 사용하고 있습니다.

선행 지식

Vue.js (입문) : v-if, v-for 등의 directive 를 사용할 수 있는 수준
Django (초급) : 장고 튜토리얼을 이해할 수 있는 수준

이런 분들께
추천드려요!

학습 대상은
누구일까요?

웹 개발 초보자
프론트엔드와 백엔드 통합 개발을 배우고 싶은 사람
실제 프로젝트를 통해 실습하고 싶은 사람
Vue.js와 Django를 활용한 웹 애플리케이션 개발에 관심 있는 사람

안녕하세요
김석훈입니다.

2,069

명

수강생

151

개

수강평

224

개

답변

4.6

점

강의 평점

개

강의

프로그램 개발은 C 언어로 시작했으며, 자바를 거쳐 최근에는 주로 파이썬을 사용하고 있다.
KT ucloud 서비스의 백엔드 서버 개발 프로젝트에 참여하여, 자바로 고객의 폴더/파일에 대한 메타 정보 처리 엔진을, 파이썬으로 클라이언트 푸시 서비스를 개발하였다.

또한 KT인터넷 회선의 속도 측정 프로그램, 네트워크 장비에 대한 운용관리 프로그램, 방대한 양의 트래픽 데이터 분석 프로그램을 개발한 바 있다. 개인적으로는 파이썬의 매력에 푹 빠져 되도록이면 파이썬으로 코딩하기를 즐겨하고 있다.

그 일환으로 요즘은 Django를 활용한 웹 프로그래밍, Django Rest Framework를 활용한 JSON 연동, Pandas를 활용한 데이터 분석, Scikit-learn/Tensorflow/ChatGPT 를 활용한 AI 솔루션 개발 등의 프로젝트를 개발하면서 파이썬의 활용도를 넓혀가고 있다.

< 저서 >

1. Django 로 배우는 파이썬 웹 프로그래밍 (초판, 한빛미디어, 2015.4월)
2. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (초판, 한빛미디어, 2016. 7월)
3. Django 로 배우는 파이썬 웹 프로그래밍 (개정판, 한빛미디어, 2018. 8월)
4. Django 를 활용한 파이썬 웹 프로그래밍 - 실전편 (개정판, 한빛미디어, 2019. 11월)
5. Django 로 배우는 파이썬 웹 프로그래밍 (3판, 한빛미디어, 2022. 11월)

< 동영상 강의 >

1. Vue.js - Django 연동 웹 프로그래밍 (인프런 동영상, 2019.4월)
2. Vue.js - Django 연동 웹 프로그래밍 - 실전편 (인프런 동영상, 2020.9월)
3. Vue - Django - Bootstrap 뚝딱 블로그 (인프런 동영상, 2021. 9월)
4. Django REST framework 핵심사항 (인프런 동영상, 2022.2월)
5. AI Web Programming (인프런 동영상, 2024.2월)

공동 지식공유자

커리큘럼

전체

37개 ∙ (4시간 41분)

해당 강의에서 제공:

수업자료

섹션 1. 버전 현행화 가이드

4개 ∙ (21분)

강의자료
HtmlTodo 소스
05:56
DjTodo 소스
08:21
VueDjTodo 소스
06:44

섹션 2. HTML로 todo 앱 코딩하기

4개 ∙ (14분)

완성된 모습 미리 보기
01:22
Vue.js 골격 잡기
03:33
Vue.js todo 앱 완성
07:00
주요 사항 정리 하기
02:07

섹션 3. Vue.js 로 todo 앱 코딩하기 (VueOnly)

2개 ∙ (19분)

장고 뼈대 만들기
06:06
장고에 Vue.js 코드 넣기
13:16

섹션 4. Django 로 todo 앱 코딩하기 (DjangoOnly)

5개 ∙ (31분)

섹션 5. Django 로 첫 페이지 만들기

2개 ∙ (22분)

섹션 6. Django 로 todo 앱 코딩하기 (DjangoMixin)

3개 ∙ (34분)

섹션 7. Client vs Server Rendering

4개 ∙ (25분)

섹션 8. Vue-Django 연동하기 (기본 코딩)

5개 ∙ (36분)

섹션 9. Vue-Django 연동하기 (JSON 연동)

5개 ∙ (58분)

섹션 10. Vue-Django 연동하기 (CSRF Token 처리)

1개 ∙ (9분)

섹션 11. 부록

2개 ∙ (8분)

강의 게시일: 2019. 04. 11.

마지막 업데이트일: 2024. 08. 16.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

Vue.js - Django 연동 웹 프로그래밍

초급자를 위해 준비한 [웹 개발, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

Vue 3.x 와 Django 5.x 최신 소스 제공 합니다.

버전 차이에 따른 현행화 가이드 영상 업로드 했습니다. (섹션-0)

Vue.js - Django 연동 웹 프로그래밍

보통의 Single Page Application 연동방식에 비해, 본 강의 장점 입니다.

학습 목표

도움이 되는 분들

참고 사항

선행 지식

이런 분들께 추천드려요!

안녕하세요 김석훈입니다.

커리큘럼

수강평

초급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이런 분들께
추천드려요!

안녕하세요
김석훈입니다.