drf6 Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 10 (프론트 Update) 안녕하세요. 저번 포스팅에서는 작성한 TodoList를 삭제할 수 있는 Delete 기능을 구현하였습니다. https://newbiecs.tistory.com/313 Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 9 (프론트 Delete) 안녕하세요. 저번 포스팅에서는 Create 하고 리스트를 갱신해주는 것을 만들어보았습니다. 오늘은 Delete 기능과 Vuetify DatePicker 에 선택한 날짜를 텍스트로 보여주는 것을 구현해주도록 하겠습니다 newbiecs.tistory.com 오늘은 여러 TodoList 중에 원하는 TodoList 의 Update 버튼 클릭 시 수정할 수 있는 Form 이 나오고 업데이트를 할 수 있고, 다른 TodoList 의 Update 버튼을 .. Project/Django & Vue.js 2020. 8. 26. Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 9 (프론트 Delete) 안녕하세요. 저번 포스팅에서는 Create 하고 리스트를 갱신해주는 것을 만들어보았습니다. 오늘은 Delete 기능과 Vuetify DatePicker 에 선택한 날짜를 텍스트로 보여주는 것을 구현해주도록 하겠습니다. https://newbiecs.tistory.com/312 Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 8-1 (프론트 todoList 보충) 안녕하세요. https://newbiecs.tistory.com/310 Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 8 (프론트 todoList Create) 안녕하세요. newbiecs.tistory.com/309 Vue 와 Django(DRF) 를 이용하여 Todo.. newbiecs.tist.. Project/Django & Vue.js 2020. 8. 9. Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 8 (프론트 todoList Create) 안녕하세요. newbiecs.tistory.com/309 Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 7 (프론트 todoList GET) 안녕하세요. 이번 포스팅에서는 CRUD 기능 구현을 해보도록 하겠습니다. 전 포스팅에서 우리는 DRF(Djang REST Framework) Server 에서 데이터를 가져오는 것을 실습해보았습니다. 우리는 Django 에서 GET 만 newbiecs.tistory.com 저번 포스팅에서는 List 를 가져와 화면에 보여지는 것을 만들어보았습니다. 오늘은 TodoList 를 생성하고, Clear 를 이용하여 입력폼을 비우는 기능을 구현하도록 하겠습니다. 구현하기 전에 제가 생각한 Create 방법은 자식 컴포넌트(TodoContent.vue.. Project/Django & Vue.js 2020. 8. 4. Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 6 (프론트 axios, cors 설정) 안녕하세요. 이전 포스팅 때 화면을 구현하였습니다. 이번에는 프로젝트 초기에 만들어두었던 DRF Server에 Todo API 를 이용하여 실제 데이터를 백엔드 서버에 넘겨 CRUD 를 할 수 있도록 만들어보겠습니다. 백엔드 서버와 통신하기 위해서는 HTTP 통신이 필요한데 저희는 axios 라는 것을 사용하여 통신을 해보도록 하겠습니다. axios 설치 npm install axios axios 사용법 import axios from 'axios'; var url = 'https:/jsonplaceholder.typicode.com/users'; var data = { username: this.username, password: this.password } axios.post(url, data); /.. Project/Django & Vue.js 2020. 7. 31. DRF Swagger ImageField Request Samples 에 안보이는 문제 위 사진과 같은 문제가 발생하였습니다. 왼 쪽 아래를 보시면 REQUEST SAMPLES 에는 avatar 라는 필드가 추가가 안된 것을 확인할 수 있습니다. 데코레이터가 없다면 참조 - https://github.com/axnsan12/drf-yasg/issues/95 Web/Django 2020. 6. 23. Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 1 (백엔드 환경세팅) 안녕하세요. 시작하기에 앞서 필자는 Django 주니어 개발자이고, Vue.js 에 대한 지식은 많이 부족함을 알려드립니다. 앞으로 진행 될 사항에 대해 간단하게 정리해보겠습니다. 주제는 아주 간단한 CRUD를 할 수 있는 Todo List 입니다. Vue는 Front라는 폴더에 Django는 Back 이라는 폴더에 분리하여 진행 할 예정입니다. 필자는 프론트 감각이 없기에 프론트 부분은 오픈소스와 vuetify 와 같은 라이브러리를 적극 활용할 예정입니다. Back Server 구성은 drf를 사용할 것이고, API 문서화는 swagger를 이용할 예정입니다. Dockerfile로 Front와 Back 의 이미지를 생성하여 버전관리를 하고 배포도 진행해볼 예정입니다. [참고] 프론트 관련 내용은 바로가.. Project/Django & Vue.js 2020. 6. 7. 이전 1 다음 💲 추천 글