inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

CSRF Token 처리 - Vue.js 및 Django

할일 수정을 구현하려고 하는데여

207

terecal

작성한 질문수 162

0

안녕하세여 강사님

 

할일 수정을 구현하려고 하는데여

 

폼 정보를 어떻게 넘겨야 되는지도 잘몰겠어요 설명해주시면 감사여 

 

그리고 제가 아는 한에서는 vue js의 좋은점이 jquery의 많은 기능을 jquery 없이 구현할수 있고 더 좋다라고 알고 있는데  어떤식으로 추가적인 학습을 해야할지 감이 잘안와요 ;

 

업데이트뷰, 체크 박스를 체크한뒤 체크한 항목을 삭제 팝업 띄우기, 더보기 버튼, 무한 스크롤 ,파일 업로드, 이미지 출력등 알아야 할것은 많은것 같은데  폼데이터를 보내는것부터 막히니까 막막한데 책을 구입해서 학습을 해야 될까여? 

 

django vuejs

답변 1

0

김석훈

제 메일로 질문 노티가 없어서(인프런 오류인듯?)  답변이 늦었습니다. 미안합니다.

그렇습니다. jquery 로 할 수 있는 것은 vue.js 로 가능합니다.

vue.js 도 다양한 기능이 있으므로 별도로 공부해야 합니다. (책, 동영상 등 요즘은 많이 나와 있음)

 

질문의 요점인 할 일 수정 (Update) 관련해서는, 다음과 같은 흐름입니다.

(1) 서버로 부터 todo 레코드 목록을 가져와서, 리스트 화면에 보여준다.

(2) 사용자가 UI 에서, todo 항목의 [수정] 버튼을 클릭한다.

(3) 사용자가 클릭한 항목(예,  id=99 인 todo 레코드)을, 폼에 넣어 사용자에게 보여준다.

(4) 사용자가 폼 데이터를 수정하고, submit 한다.

(5) 장고에서는 UpdateView 를 사용하여, id=99 인 todo 레코드를 수정한다.

 

내용이 많아 모두 설명 드릴 수는 없으나, 장고의 UpdateView 기능을 공부할 필요가 있습니다.

강좌의 CreateViw 부분과 비교하면서 UpdateView 를 시도해 보기 바랍니다.

소스 코딩을 시도해보고, 안되는 부분을 코드와 함께 문의해 주시면 좋겠습니다.

감사합니다.

 

 

 

 

들여쓰기 단축키가 어떻게 되나요?

0

253

1

mixin 에러가 나서 실행이 안되요.

0

420

4

화면 에러화면이 자꾸 뜨네요..

0

418

4

todo_form.html 하단에 todo_List.html의 리스트가 오게 하고 싶습니다.

0

353

1

bootodo.html에서 Vue 코드가 적용되지 않습니다.

0

577

1

cdn vue버전

3

720

2

bootstrap 팝업창 만들기 단원에서 질문있습니다.

0

921

3

MultipleObjectMixin get 메소드 상속

0

253

1

Vue에서 파일 업로드시

0

718

1

vue django 연동 질문

0

501

1

장고 프론트엔드 백엔드 분리 관련 질문입니다 !

0

491

1

home화면에서 이미지가 안보입니다.

0

293

2

이 강의와 새로 만드신 강의의 차이점을 알고 싶습니다.

0

301

1

좋은 강의 감사합니다.

0

249

1

staticfiles가 static으로 바뀌었습니다.

0

278

1

장고 3.1에서 다음과 같이 바뀌었습니다.

0

293

2

Vuejs 와 Reactjs의 차이

0

356

1

vue js 오픈소스 연동

0

495

2

createView에서 success_url

0

252

1

강의자료 HtmlTodo.zip 파일 구글드라이브에서 바이러스로 인식해서 다운로드 안됩니다.

1

269

2

object에 왜 todo 컬럼이 추가되는지?

0

209

2

django_only 실습중 에러 제보

0

279

3

BaseListView

1

276

1

todo_confirm_delete.html

1

345

1