강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Full-stack

Vue.js - DjangoインターロックWebプログラミング(実践編)

クライアントプロフェッショナルFWのVue.jsとサーバープロフェッショナルFWであるDjangoを一緒に活用して、アップグレードされたWebプログラミングをしましょう。 Vue側のVueRouterとVuexを使わなくても、Django側のDRFを使わなくても、簡単にできる。

  • bestdjango
Vue.js
Django
Vuetify

学習した受講者のレビュー

こんなことが学べます

  • Vue.jsとDjangoを連携してWebプログラムを作成できます。

  • Bootstrapよりも機能が豊富なVuetifyで画面を飾ることができます。

  • Django入門以上の技術を知ることができる。

  • クライアントと連携するために、JsonResponseを活用できます。

  • Djangoの利点であるクラス型ビューをさらに活用できます。

Vue/Vuetify 3.x と Django 5.x の最新のソースを提供します。      

バージョンの違いによる現行化ガイド映像を提供します。 (セクション-1)      

Vue.jsとDjangoでクライアントとサーバーを簡単に連携してみましょう。
+さらに一歩、Vuetify活用まで!

VueとDjangoを活用すると、次の利点があります。

  • どちらも、他のフレームワークに比べて簡単でありながら多く使用するという共通点があります。
  • Vue(ビュー)を使用しているため、Client Renderingの利点が生かされます。
  • つまり、画面がクールで画面のちらつきがなく、画面のレンダリングが速くなります。

  • Django(ジャンゴ)を使用するので、認証/DBのような白檀の技術が容易で楽になります。
  • Djangoはセッション認証を基本として提供するので、それをそのまま活用できます。
  • DjangoのORM、Admin機能をそのまま活用できます。
  • それに加えて、Webプログラミング関連のDjangoの豊富な技術はすでに有名です。

普通のシングルページアプリケーション連動方式に比べ、本講義のメリットです。

  • Vue-Django連動方式でありながら、VueRouter/Vuex/DRFを使用する必要はありません。
  • Vue-Django連動方式ながらも、DjangoのAdmin機能をそのまま使用します。
  • DjangoをAPIサーバーだけで使用するのではなく、テンプレート処理も同時に可能です。
  • Djangoの認証機能をそのまま再利用できます。

前回の講義(Vue.js-Django連動Webプログラミング)に備え
この点がアップグレードされました。

  • 本番などのブログのCRUD機能を学ぶことができます。
  • Djangoの認証機能をそのまま活用するので、簡単に認証機能を実装できます。
  • VueをCDN方式ではなく、Vite方式で使用するので、大きなプログラムに適した方式です。
  • Vueプログラムをコンポーネントに分割し、共通コンポーネントをリサイクルできます。

画面を飾るために、Bootstrapに対するVuetifyの使い方を教えてくれます。

  • Bootstrap(ブートストラップ)よりもVuetify(ビューティーパイ)の方が機能が豊富なので、これを選択します。
  • すでにBootstrapに精通している場合は、同じ方法でBootstrapにすることができます。

過去の講義を見る

Vue.js - DjangoインターロックWebプログラミング
クライアント - サーバー連動の原理、SPA / SSRの主な用語、さまざまな5つの方法でコーディング

こんな方に
おすすめです

学習対象は
誰でしょう?

  • クライアントとサーバープログラムを独立して構成したい。

  • Django Webプログラムを一段階アップグレードしたい。

  • Djangoのクラス型ビューを自由自在に活用したい。

  • Vue WebプログラムのビャクダンをDjangoにしたい。

  • 画面を素敵に、Vuetifyライブラリを活用したい。

前提知識、
必要でしょうか?

  • Djangoチュートリアルの例は自分でコーディングできます。

  • Djangoクラス型ビューコーディングの経験があります。

  • Vue.jsの基本ディレクティブは知っています。

こんにちは
です。

2,090

受講生

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월)

カリキュラム

全体

109件 ∙ (11時間 28分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

21件

4.8

21件の受講レビュー

  • 손찬희님의 프로필 이미지
    손찬희

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    강의대로 정리하면서 작업하니 후반 부로 가도 코드짜기 편한거 같아요

    • 조영준님의 프로필 이미지
      조영준

      受講レビュー 1

      平均評価 5.0

      5

      89% 受講後に作成

      그 동안 꼼꼼하게 이해하지 못했던 django 내용을 공식 문서를 짚어가면서 이해할 수 있었고, Vue.js 도 공식 문서와 함께 이해를 하면서 공부할 수 있어서 즐거운 마음으로 공부하였습니다. 좋은 강의 만들어 주셔서 진심으로 감사드립니다!

      • Youngsoo, Na님의 프로필 이미지
        Youngsoo, Na

        受講レビュー 3

        平均評価 4.7

        4

        100% 受講後に作成

        Vue와 Django 에 대해서 이해하는데 많은 도움이 되었습니다.

        • 선두원님의 프로필 이미지
          선두원

          受講レビュー 1

          平均評価 5.0

          5

          93% 受講後に作成

          필요한것만 쏙쏙 알려주시고 더 디테일한거나 추후 적용해볼만한것들은 키워드나 팁으로 알려주셔서 알아서 찾아볼수 있게끔 해줍니다 vue.js를 안해보셨거나 django를 막 배우시는분들, 혼자서 풀스택으로 뭔가 만들어보실분들 강추합니다! 인프런에서 강의를 여러개 구매했는데,, 이 강의는 돈이 아깝지 않습니다! 추천추천

          • bs8.choi님의 프로필 이미지
            bs8.choi

            受講レビュー 1

            平均評価 5.0

            5

            99% 受講後に作成

            ¥5,193

            bestdjangoの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!