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

오픈 기념 할인! 최저 가격으로 수강하세요 🙂  (~5월 7일(월) 오전 10시까지)

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의 클래스형뷰를 심층 이해할 수 있는 보너스 효과도 있다.

 학습 목표

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

도움이 되는 분들

  • Django프로젝트에, Vue.js 코드를 사용하려는 개발자
  • Vue.js는 알지만, 추가로 Django를 학습하려는 개발자
  • Django 클래스형뷰를 좀 더 활용하려는 개발자
  • Vue axios, Django JsonResponse 기능을 학습하려는 개발자
참고 사항
  • Vue.js와 Django에 대한 강의 내용 비율은 대략 3:7 정도 입니다.
  • Python, Django, Vue.js 모두 2019년 현재 최신 버전입니다.
  • Vue.js는 VSCode, Django는 PyCharm 개발툴을 사용하고 있습니다.
  • Vue.js(초급), Django(초중급) 수준의 강좌입니다.
선행 지식
  • Vue.js(초급) : v-if, v-for 등의 directive 를 사용할 수 있는 수준
  • Django : 장고 튜토리얼을 이해할 수 있는 수준

지식공유자 소개

김석훈

프로그램 개발은 C 언어로 시작했으며, 자바를 거쳐 최근에는 주로 파이썬을 사용하고 있다.
KT ucloud 서비스의 백엔드 서버 개발 프로젝트에 참여하여, 자바로 고객의 폴더/파일에 대한 메타 정보 처리 엔진을, 파이썬으로 클라이언트 푸시 서비스를 개발하였다. 또한 KT인터넷 회선의 속도 측정 프로그램, 네트워크 장비에 대한 운용관리 프로그램, 방대한 양의 트래픽 데이터 분석 프로그램을 개발한 바 있다.

개인적으로는 파이썬의 매력에 푹 빠져 되도록이면 파이썬으로 코딩하기를 즐겨하고 있다. 그 일환으로 요즘은 Django를 활용한 웹 프로그래밍, Django Rest Framework를 활용한 JSON 연동, Pandas를 활용한 데이터 분석 등의 프로젝트를 개발하면서 파이썬의 활용도를 넓혀가고 있다.

< 저서 >
– Django로 배우는 쉽고 빠른 웹 개발 파이썬 웹 프로그래밍 (한빛미디어, 2015.4월)
– Django를 활용한 쉽고 빠른 웹 개발 파이썬 웹 프로그래밍 – 실전편 (한빛미디어, 2016.7월)
– Django로 배우는 쉽고 빠른 웹 개발 파이썬 웹 프로그래밍, 개정판 (한빛미디어, 2018.8월)

강좌 평가

5

1 개의 수강평
  • 5 점1
  • 4 점0
  • 3 점0
  • 2 점0
  • 1 점0
  1. Brooklyn Lee의 프로필 사진

    아주 만족합니다.

    5

    잘 들었습니다. 한바퀴 더 돌아야겠네요.

    초급이 듣기엔 살짝 무리가 있을 수 있겠지만,
    API 연동을 통한 프론트-백엔드 분리 방식 접근이 아주 유익했습니다.
    사실 이런 강좌를 찾았는데 다른 곳에서는 없었던 것 같습니다.

강좌 교육과정

HTML로 todo 앱 코딩하기
완성된 모습 미리 보기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:01:00
강의자료학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:00:00
Vue.js 골격 잡기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
Vue.js todo 앱 완성학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
주요 사항 정리 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
Vue.js 로 todo 앱 코딩하기 (VueOnly)
장고 뼈대 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:06:00
장고에 Vue.js 코드 넣기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
Django 로 todo 앱 코딩하기 (DjangoOnly)
todo 앱 설계 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:05:00
클래스형뷰 사용 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
방식별 특징 비교 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
HTML 코딩 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:12:00
주요 사항 정리 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:02:00
Django 로 첫 페이지 만들기
CDN 골격 잡기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
bootstrap 으로 화면 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:24:00
Django 로 todo 앱 코딩하기 (DjangoMixin)
개발 방향 요약 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
클래스형뷰 Mixin 사용 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:16:00
bootstrap 팝업창 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:14:00
Client vs Server Rendering
Client vs Server Rendering학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
SPA vs SSR학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Vue-Django 연동 설계학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 미리보기 00:04:00
Vue-Django 연동하기 (기본 코딩)
todo 앱 골격 만들기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
todo 앱 기본 코딩 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:04:00
Vue.js directive 사용 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:08:00
Vue.js 1차 코딩 완료 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:10:00
JSON 연동 Sequence Chart학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:05:00
Vue-Django 연동하기 (JSON 연동)
Vue.js – axios.get() 코딩 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:06:00
Django – get. JsonResponse 코딩 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:16:00
delete – Json 연동 코딩 하기학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:13:00
post – JSON 연동 코딩 하기 (Vue.js)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:03:00
post – JSON 연동 코딩 하기 (Django)학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:20:00
Vue-Django 연동하기 (CSRF Token 처리)
CSRF Token 처리 – Vue.js 및 Django학습을 원하시면 최상단 '배우기 버튼을 클릭해주세요' 00:09:00
  • 가격 옵션 +
  • 평생
  • 강좌 수료증
  • 31개 강의, 총 4 시간 11 분
  • 위시리스트

실시간 인기 강좌

우리는 성장기회의 평등을 추구합니다. 🎄

경제적, 시간적 제약없는 양질의 교육으로 누구나에게 성장 기회를 균등하게 주는 것. 그것이 우리의 목표입니다.

지식공유참여 고객센터
top
(주)인프랩 | 대표자:이형주 | 사업제휴문의:070-4178-0406 | E-MAIL: course@inflearn.com | 사업자번호:499-81-00612
주소:성남시 분당구 삼평동 대왕판교로 645번길 12 경기창조경제혁신센터 8층 R19 | 개인정보보호책임자:이형주
통신판매업:2017-서울강남-01544 | ©INFLAB. ALL RIGHTS RESERVED