33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js - Django 연동 웹 프로그래밍
mixin 에러가 나서 실행이 안되요.
도움 부탁 드리겠습니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍
화면 에러화면이 자꾸 뜨네요..
/ url로 들어가면 다 이렇게 page not found가 떠요..url로 리다이렉션 되는건 저렇게 다 나오네요... 저의 urls.py는 이렇습니다.from django.contrib import admin from django.urls import path, include urlpatterns = [ path('admin/', admin.site.urls), path('todo/', include('todo.urls')), ]
- 미해결Vue.js - Django 연동 웹 프로그래밍
todo_form.html 하단에 todo_List.html의 리스트가 오게 하고 싶습니다.
강의 재미있게 듣고 있습니다. 아래 내용을 구현해보고자 하는데 잘 되지않아 질문드립니다.todo_form.html 하단에 todo_List.html의 리스트가 오게 하고 싶은데 html에서 views의 class를 호출하는법이 있나요? 안된다면 이경우에는 어떤식으로 해결 가능할까요?
- 미해결Vue.js - Django 연동 웹 프로그래밍
bootodo.html에서 Vue 코드가 적용되지 않습니다.
vue 코드를 아래와 같이 작성하면 브라우저에서 적용된게 보여야 하는데 안보입니다.혹시 몰라서 vs code에다가 vue도 설치했는데도 안되네요. 얼른 답변 해주세요ㅠㅠ 첫 부분부터 막혔어요...정확히 HTML로 todo앱 코딩하기에서 'Vue.js 골격 잡기' 이 강의내용에서 막혔습니다...혹시 장고 버전 문제 때문에 적용이 안되는건가요? <!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 ..." v-model="name"> <input class="item" type="text" placeholder="type anything welcomed ..." v-model="newTodoItem"> <button v-on:click="add_todo()">ADD</button> </div> <ul class="todoList"> <li v-for="todo in todoItems"> <span>{{ todo.name }}:: {{ todo.item }}</span> <span class="removeBtn">×</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: '이름을 안쓰면 홍길동으로 나와요...'}, {name: '이순신', item: '신에게는 아직 열두 척의 배가 있사옵니다.'}, {name: '성춘향', item: '그네 타기'}, ], }, methods: {}, }) </script> </body> </html>
- 미해결Vue.js - Django 연동 웹 프로그래밍
cdn vue버전
<script src="https://unpkg.com/vue@2"></script>Vue 버전이 3으로 바뀌면서 강의에서 보여주는 cdn링크에서는 Vue3의 소스를 기본으로 가져오기 때문에 작동이 정상적으로 되지 않습니다. 위의 코드처럼 버전을 2로 명시해 사용하면 문제가 해결됩니다. 혹시 헤메는 분이 계실까봐 글 남깁니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍
bootstrap 팝업창 만들기 단원에서 질문있습니다.
게시판에서 삭제 버튼이 눌리지 않아data-toggle , data-target은data-bs-toggle, data-bs-target 으로 수정하여 버튼 눌러서 모달창 팝업까지는 해결하였습니다.하지만 모달창에body-text는 todo내용이 아닌 body-text 문자 그대로 보여주고 delete 버튼을 눌러도 내용이 삭제 되지않습니다.버젼이 틀려서 스크립트에서 id,name,todo를 받아오지 못하는거 같은대 아무리 찾아봐도 해결법을 모르겠습니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍
MultipleObjectMixin get 메소드 상속
강의 보다가 질문이 있어 글 올립니다. TodoMOMCV 클래스를 정의할 때, MultipleObjectMixin 클래스 문서에는 get 메소드가 정의되어 있지 않은데 어떻게 사용할 수 있는지 의문입니다. 자식 클래스 BaseListView 에 정의 되어 있지만, 자식 클래스의 메소드도 사용 가능한건가요?
- 미해결Vue.js - Django 연동 웹 프로그래밍
Vue에서 파일 업로드시
안녕하세요. 강의내용 너무 도움이 되고있습니다. 궁금한 내용이 있었는데... Image 파일을 Vue에서 upload시 django에서는 어떻게 처리해야 하나요? Vue에서 img를 받아오는 법이 따로 있는지요? 감사합니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍
vue django 연동 질문
안녕하세요, 김석훈 강사님의 강의 두가지를 들었습니다. 첨에는 내용이 너무 어려워서 중간에 포기도 했었는데 시간이 지나니 이해가 안가는 부분은 없더라구요 다만 제가 대시보드를 개발해야 하는 상황인데, vue.js로 만들어진 대시보드 템플릿들은 vue CLI?를 이용해서 만들어져있다보니 App.vue 파일로 되어있는경우가 많았습니다. 이러한 파일들은 django와 어떻게 연동해야하는지 아무리 검색해봐도 자료도 잘 나오지않더라구요... webpack? 이라는 것을 이용하면 가능한것처럼 보이는데 공식자료같은것들이 거의 전무한것을보면 잘 안쓰는 방식인것같기도 한데... 혹시 어떤식으로 연동을 하나요? 그냥 이 강의영상처럼 html파일에 vue 스크립트를 넣어 구현하는것이 보편적인 방법인가요?
- 미해결Vue.js - Django 연동 웹 프로그래밍
장고 프론트엔드 백엔드 분리 관련 질문입니다 !
안녕하세요. 현재 해당 강의를 들으면 todolist 프로젝트를 진행해보고 있습니다. 그러다 문득 궁금했던게 생각이 났습니다.. 사실 장고를 공부하면서 항상 장고 템플릿 문법을 써서 프론트를 함께 개발했었습니다. 프론트와 백엔드를 분리해서 개발을 진행해보고 싶었지만 대부분 프론트엔드 프레임워크를 사용해서 프론트와 백엔드를 분리하는 흐름이였습니다. 그렇다면 프론트 vscode : html, css, javascript, ajax 백엔드 vscode : django 로 분리해서 화면이 렌더링되면 백엔드에 ajax로 get요청 등을 보내 화면에 뿌려질 데이터를 백엔드에서 JsonRespone등으로 보내어 개발하는 과정은 옳지 못한 개발과정일까요 ..? 아니면 분리를 하는 과정에는 프론트엔드 프레임워크가 꼭 필요한 걸까요 ...?? 이렇게 프로젝트를 진행한 경험을 했어도 백엔드 api를 구축해봤다고 얘기를 해도 될지 그리고 이런 방향으로 프로젝트를 해보아도 문제가 없는지 궁금합니다..!
- 미해결Vue.js - Django 연동 웹 프로그래밍
home화면에서 이미지가 안보입니다.
교육자료에서 home.html가져와서 붙여넣기하고 static/img/lion.jpg가 있는데도 이미지가 출력이 안되네요. Django 3.2.5 version입니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍
이 강의와 새로 만드신 강의의 차이점을 알고 싶습니다.
전반적인 구성이 비슷한 것 같은데 무엇이 다른가요?
- 미해결Vue.js - Django 연동 웹 프로그래밍
좋은 강의 감사합니다.
강의도 알차고 제가 좋아하는 툴(부트스트랩)을 사용해주셔서 완전 맞춤 강의였던 것 같습니다. 개인적으로 Nodejs를 하다가 도저히 장고 템플릿을 이해하지 못해서 애를 먹었는데 강사님 강의를 듣고 이해도 쏙쏙 되고 완전 좋았습니다. 모듈들을 이해하니 노드처럼 생노가다를 하지 않아도 되서 개발 속도가 좀 더 빠른 것 같습니다. 그리고 도큐먼트 보는 법을 잘 가르쳐 주셔서 감사합니다. 물론 아직 강사님처럼 그렇게 찾아 나가는 건 어렵지만...ㅠㅠ;; 즐거운 새해 되시고 다른 좋은 강의에서 뵙기를 바랍니다. ^^
- 미해결Vue.js - Django 연동 웹 프로그래밍
staticfiles가 static으로 바뀌었습니다.
그리고 폰트는 이제 받기 어려워졌네요..ㅠㅠ 부트스트랩만으로도 예쁘니 굳이 폰트는 안 넣어도 될 것 같지만요.. 좋은 강의 감사합니다.
- 미해결Vue.js - Django 연동 웹 프로그래밍
장고 3.1에서 다음과 같이 바뀌었습니다.
from django.views.generic import TemplateView, ListView from django.views.generic.edit import CreateView, DeleteView
- 미해결Vue.js - Django 연동 웹 프로그래밍
Vuejs 와 Reactjs의 차이
Vuejs 와 Reactjs의 차이가 무엇인가요?
- 해결됨Vue.js - Django 연동 웹 프로그래밍
vue js 오픈소스 연동
안녕하세요, 강의보면서 django + vue.js의 간단한 crud를 작성하고자 하는 1인입니다. 아래의 vue.js로 작성된 테이블 ui를 django에 연동하고자 합니다. https://vuejsexamples.com/a-vue-component-of-dynamic-table/ 설치 npm install vue-table-dynamic --save 아래는 샘플 예제코드인데, web debugger, console 탭에 보면, 오류는 나지 않는데, 테이블이 출력되지 않습니다. 어떤부분이 잘못되었을까요? 오류라도 출력하면 좋겠는데, 반응이 없으니 답답합니다. static은 "node_modules"로 지정하였습니다. <template> <div class="base-demo" style="width: 400px"> <vue-table-dynamic :params="params"></vue-table-dynamic> </div></template><script type="module" src="{% static 'vue-table-dynamic/dist/index.min.js' %}"> import VueTableDynamic from 'vue-table-dynamic' export default { name: 'Demo', data() { return { params: { data: [ ['Cell-1', 'Cell-2', 'Cell-3'], ['Cell-4', 'Cell-5', 'Cell-6'], ['Cell-7', 'Cell-8', 'Cell-9'] ] } } }, components: { VueTableDynamic } }</script> 한가지 더 궁금한점은 npm으로 패키지 설치한 경로를 static으로 지정하는것이 맞는 것일까요?
- 미해결Vue.js - Django 연동 웹 프로그래밍
createView에서 success_url
class TodoCV(CreateView): model = Register fields = '__all__' template_name = 'todo/todo_form.html' success_url = reverse_lazy('todo:list') http://127.0.0.1:8000/todo/create/ 에서 값을 집어넣고 ADD 버튼을 눌러도, todo/create/ 창만 새로고침만 되고 todo_list로 넘어가질 않습니다ㅜㅜ views.py, todo/urls.py, todo_form.html 파일 다 확인했는데 어떻게 해결해야 할지 모르겠습니다ㅜㅜ 도와주세요
- 미해결Vue.js - Django 연동 웹 프로그래밍
강의자료 HtmlTodo.zip 파일 구글드라이브에서 바이러스로 인식해서 다운로드 안됩니다.
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 안녕하세요. 강의자료 HtmlTodo.zip 파일 구글드라이브에서 바이러스로 인식해서 다운로드 안됩니다. 다운로드 받을수 있게 확인 부탁드립니다. 감사합니다.
- 해결됨Vue.js - Django 연동 웹 프로그래밍
object에 왜 todo 컬럼이 추가되는지?
안녕하세요 아래는 todo_confirm_delete.html의 일부입니다. <h1>Todo Delete</h1> <p>Are you sure to delete {{ object }} ?</p> <br> object에 todo 컬럼의 값이 출력이 되는데, name 과 todo 둘중에 어떤걸 출력할지 명시하지 않았는데, todo 컬럼값이 출력되는지 잘 모르겠습니다.