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

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

(4개의 수강평)

90명의 수강생
33% 할인 10일 남음

22,000원33,000원

김석훈
평생
초급
수료증
31개 수업, 총 4시간 11분
Wishlist
김동혁 프로필

강의 잘 들었습니다. 김동혁 3일 전

좋은 강의 해주셔서 감사합니다. 

혹시 다음번 강의를 하게되면 

VUEJS-Django간에 REST API를 이용한 방식으로 개발하는 내용이 있기를 바랍니다. ㅠ 

1
김동혁 프로필

클래스형 뷰.. 어떻게 활용법을 다 아신거에요?ㅠ 김동혁 3일 전

http://ccbv.co.uk/ 

사이트에서 클래스형 뷰 보면서 어떻게 상속받고 

어떤 부분을 활용해야되는지 어떻게 아신거죠?

제가 초짜이지만 강의봐서는 따라하기 힘들어보여요 ㅠ

1
김동혁 프로필

이렇게할려면 어떻게 해야되나요? 김동혁 3일 전

현재 todo에 입력하면 index만 봤을 때 출력이

0 김동혁 :: 할일 0

1 김동혁 :: 할일 1

2 김동혁 :: 할일 2

이렇게 아래로 쭉쭉 내려가게 되는데요

출력을 반대로 바꿀 수 있을까요?

신규입력값이 위로가게요~~

2 김동혁 :: 할일 2

1 김동혁 :: 할일 1

0 김동혁 :: 할일 0

1
김동혁 프로필

success_url = reverse_lazy('todo:list') 질문 김동혁 4일 전

success_url = reverse_lazy('todo:list')

이 부분에서 todo:list의 todo는 urls.py에서 정의한 

app_name = 'todo'

이고

list는 

path('list/', views.TodoLV.as_view(), name='list'),

여기서 name으로 지정한 list인가요?

1
Greg Han 프로필

삭제 취소 후 다시 삭제하면 발생하는 에러입니다. 조금 이상합니다.... Greg Han 4일 전

Exception happened during processing of request from ('127.0.0.1', 62552)

Traceback (most recent call last):

  File "/Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/socketserver.py", line 650, in process_request_thread

    self.finish_request(request, client_address)

  File "/Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/socketserver.py", line 360, in finish_request

    self.RequestHandlerClass(request, client_address, self)

  File "/Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/socketserver.py", line 720, in __init__

    self.handle()

  File "/Users/greg_mac/Documents/sd2/python/DjVenv/lib/python3.7/site-packages/django/core/servers/basehttp.py", line 171, in handle

    self.handle_one_request()

  File "/Users/greg_mac/Documents/sd2/python/DjVenv/lib/python3.7/site-packages/django/core/servers/basehttp.py", line 179, in handle_one_request

    self.raw_requestline = self.rfile.readline(65537)

  File "/Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/socket.py", line 589, in readinto

    return self._sock.recv_into(b)

ConnectionResetError: [Errno 54] Connection reset by peer

4
terecal 프로필

실행이 안되는데 이유를 몰겠어여 terecal 14일 전

html 출력이 잘안되서여  vue를 잘못부른건지 태그가 잘못된건지 알려주시면 감사여

 

코드는

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue-Django ToDo App</title>

    <style>
        body {
            text-align: center;
            background-color: #ddd;
        }
        .inputBox {
            margin: auto;
            width: 70%;
            background: white;
            height: 50px;
            border-radius: 50px;
            line-height: 50px;
        }
        .inputBox .name {
            border-style: none;
            border-bottom: 1px solid #ddd;
            width: 70px;
            padding-left: 20px;
        }
        .inputBox .item {
            border-style: none;
            border-bottom: 1px solid #ddd;
            width: 400px;
            margin-left: 50px;
            padding-left: 20px;
        }
        .todoList {
            list-style: none;
            padding: 10px 0;
            text-align: left;
        }
        .todoList li {
            display: flex;
            height: 50px;
            line-height: 50px;
            margin: 0.5rem 0;
            padding: 0 0.9rem;
            background: white;
            border-radius: 5px;
        }
        .removeBtn {
            margin-left: auto;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <div id="app">

        <h1>My Todo App !</h1>
        <strong>서로 할 일이나 의견을 공유해 봅시다.</strong>
        <br>

        <div class="inputBox">
            <input class="name" type="text" placeholder="name ...">
            <input class="item" type="text" placeholder="type anything welcomed ...">
            <button>ADD</button>
        </div>

        <ul class="todoList">
            <li v-for="todo in todoItems">
                <span> {{todo.name}} :: {{todo.item}}</span>
                <span class="removeBtn">&#x00D7</span>
            </li>
        </ul>

    </div>

    <script src="https://unpkg.com/vue/dist/vue.min.js"></script>
    <script>
        var vm = new Vue({
              el: '#app',
              data: {
                todoItems:[
                    {name:'김석훈', item:'django와 vue js'},
                    {name:'김석현', item:'django와 react'},
                    {name:'김석진', item:'django와 bootstrap'},
                    {name:'김석민', item:'django와 css'},
                ],
            },
            methods:{},
      }),
    </script>

</body>
</html>

1
Dong Kyun Kang 프로필

속성이 외래키일 경우는 어떻게 해야할지 궁금합니다. Dong Kyun Kang 24일 전

예를 들어 속성이 외래키인 경우에 listview를 통해 응답을 받게 되면 외래키인 속성에 대한 username가 올줄 알았는데 user_id = pk 가 와서요.. 그래서 vue에서 접근해주고 싶지만 django와 달리 뷰에서는 테이블 참조가 안되닌까 django에서 해줘야할 것같은데 응답을 user_id가 아니라 user_name 그리고 category_id가 아니라 category_name을 주고싶은데 잘 안되고 있네요... 

1
Dong Kyun Kang 프로필

UnicodeDecodeError: 'cp949' codec can't decode byte 0xe2 in position 9735: illegal multibyte sequence Dong Kyun Kang 26일 전

post기능 구현중 유니코드에러가 뜨는데 어떻게 해결해야할까요...

1
Donghwi Park 프로필

MAC 사용자 Donghwi Park 1달 전

Mac환경에서는 설정 부분이 많이 달라서 처음부터 진도가 나가질 않네요 ㅠㅠ 맥 사용자에게는 비추천합니다

3