Vue.js와 Django의 연동
ToDo 앱 개발
클라이언트와 서버 렌더링의 차이점
CSRF 토큰 처리
Bootstrap과 FontAwesome을 활용한 웹 디자인
axios를 이용한 데이터 처리
웹 프로그래밍은 다양한 언어와 프레임워크로 할 수 있다.
그 중에서 프론트엔드에 최적화된 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를 활용한 웹 애플리케이션 개발에 관심 있는 사람
2,098
명
수강생
153
개
수강평
224
개
답변
4.6
점
강의 평점
5
개
강의
프로그램 개발은 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분)
해당 강의에서 제공:
2. HtmlTodo 소스
05:56
3. DjTodo 소스
08:21
4. VueDjTodo 소스
06:44
5. 완성된 모습 미리 보기
01:22
6. Vue.js 골격 잡기
03:33
7. Vue.js todo 앱 완성
07:00
8. 주요 사항 정리 하기
02:07
9. 장고 뼈대 만들기
06:06
10. 장고에 Vue.js 코드 넣기
13:16
전체
68개
4.6
68개의 수강평
수강평 20
∙
평균 평점 4.8
5
công lao. 1. Tìm hiểu cách các chuyên gia thực sự đọc và xem các tài liệu chính thức của nước ngoài (Nó dạy bạn cách nhìn.) 2. Bạn viết rằng Django ở trình độ sơ cấp-trung cấp nhưng độ khó khá cao. Thay vì chỉ sử dụng ListView và Bản mẫu, hãy xem tài liệu về các lớp Chế độ xem gốc kế thừa và sử dụng chúng. Bằng cách xem khóa học này, bạn có thể có cảm nhận tốt về Django Class View. 3. Tìm hiểu các phương pháp phát triển thực tế tại hiện trường Triển khai máy chủ (Django)/máy khách (Xem JS) tương ứng Kiến thức đầy đủ về truyền dữ liệu (phương pháp JSON) giữa máy chủ và máy khách điều bất lợi không tồn tại. Sự giới thiệu Những người đã tham gia khóa học cơ bản về Django chắc chắn nên tham gia khóa học này.
수강평 1
∙
평균 평점 5.0
5
Rất hài lòng. Tôi nghe rõ lắm. Tôi đoán tôi sẽ phải đi lại một lần nữa. Có thể hơi khó nghe đối với người mới bắt đầu, nhưng Cách tiếp cận tách biệt phía trước thông qua tích hợp API rất có lợi. Trên thực tế, tôi đã tìm thấy khóa học này, nhưng tôi không nghĩ mình đã tìm thấy nó ở nơi nào khác.
수강평 5
∙
평균 평점 5.0
5
Khi đang học Django, tôi muốn tìm hiểu về front-end framework và tôi rất vui vì đã tìm thấy khóa học này. Trước hết, tôi rất cần kết nối Baek và Vue, và tôi đã có thể đạt được một số kiến thức thông qua bài giảng này. Cá nhân, ngay cả khi bạn không biết gì về Vue, tôi nghĩ sẽ không có vấn đề gì khi xem bài giảng nếu bạn đã nghiên cứu Django ở một mức độ nào đó và biết cấu trúc cơ bản của HTML.
수강평 1
∙
평균 평점 5.0
수강평 15
∙
평균 평점 5.0
월 ₩143,481
5개월 할부 시
₩33,000
![Planner, học phát triển web ở cấp độ này thì sao? [Lý thuyết + Thực hành]강의 썸네일](https://cdn.inflearn.com/public/courses/333579/cover/5bfdb903-721c-4e32-803b-ed0d4cfc28b7/333579.png?f=avif&w=420)
![Tạo ứng dụng/máy chủ bài kiểm tra trong 1 giờ với Flutter và Django [Full Stack]강의 썸네일](https://cdn.inflearn.com/public/courses/325095/course_cover/75f893a3-d50a-4f83-824e-5e18be7d364b/ktp-flutter-django-quiz.png?f=avif&w=420)
