Vue-Django

v-model로 binding 시, Vue 객체의 data와 양방향성으로 바인딩 된다. 즉, 브라우저에서 입력 후 추가 시에도 객체에 영향을 끼치고, Vue 객체에서 data 변경이 이뤄져도 브라우저에 반영된다는 것이다.

DjTodo는 Base Directory라고 부른다. - 이렇게 생성된 mysite를 project directory라 부른다. settings, mysite folder, manage.py가 base directory에 생성된다. - 이렇게 생성된 todo를

MVT 순서로 Coding한다.settings.py -> models.py -> urls.pyviews.pytemplates위 순서로 설정INSTALLED_APPS에 app configs 붙여넣기해당 내용은 해당 app의 app.py에서 참조한다.project의 tem

웹 프로그래밍 시 자주 쓰이는 것에 대한 Template view는 Django에서 이미 제공하고 있다.List View : DB에서 레코드 목록을 가져와 보여주는 ViewCreateView : Form에 입력한 내용으로 DB에 레코드를 생성하는 ViewUpdateVi

name이 없을 경우 default 값을 넣도록 하고 있다.상위 클래스의 save 호출로 DB에 저장한다.

root path는 HomView를 통해 작성 가능main Page에 대한 view는 project directory의 view에 작성하면 된다.

bootstarpfonticonbase.html에 title, extra-style, content, footer, extra-script를 지정해서 구성을 만들어준다.해당 순서에 대한 예시다.

CreateView + ListView상속 순서를 주의해야된다.CreateView가 좀더 복잡한 형태로 상속되어있다. -> 먼저 상속받아줘야 에러 발생 가능성이 줄어든다.View 들을 살펴보면, Mixin Class들을 조합해서 Generic View를 만든다.위 소스

data-id, data-name, data-todo에 값을 넣는다.script에서 해당 data값을 대입할 수 있다.

Vue Only : Client rederingDjango의 html 파일을 그대로 Client가 수용하게 해서 처리되도록 하는 방식DjangoOnly, DjangoMixin : Server rendering웹 프로그래밍, 페이지 이동 발생(djangonly : har

Vue : directive/axios 기능 사용Django : DRF 대신 JsonResponse로 쉽게 개발데이터 연동은 Json 방식

본문v-model direcitve로 data를 binding 할 수 있는데, trim을 통해 미리 전처리를 해서 가져올 수 있다.Django Model의 Field명과 일치해야되니 유의하자.

api는 보통 /api를 붙여준다.각각 View도 ListView, CreateView, DeleteView가 있지만 Base 기반 View가 코딩에 더 적합하다고 한다.Vue에서 this는 위치에 따라 그 의마가 다르니 유의해야된다.보통 this 는 Vue Objec

Django에서 check 하는 헤더는 X-CsrfToken이다. settings에서 이름 변경도 가능하긴하다. X-CsrfToken은 Django에서 만들어서 Client로 Sending 해주고, Client는 Cookie에 이를 저장한다. Vue와 Django