Vue2

• 

  Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 5 (프론트 컴포넌트 생성) 안녕하세요. 오늘 포스팅에서는 실제로 Todo List 를 한번 만들어보도록 하겠습니다. 가장 먼저 해야 할 일은 HelloWorld.vue 파일을 삭제하고, App.vue 의 내용을 비워주겠습니다. 간단하게 테스트 할 코드를 적어주도록 하겠습니다. {{ name }} 이러한 코드를 작성하고, yarn serve를 입력해주시면 서버가 실행되고, localhost:8080 으로 접속하면 화면에 cslee 라는 값이 div 태그 안에 생성된 것을 확인할 수 있습니다. 좋습니다. components 폴더 아래에 TodoHeader.vue, TodoContent.vue, TodoFooter.vue 를 생성해보도록 하겠습니다. // components/TodoHeader.vue Header 위 코드를 복사해서 4.. Project/Django & Vue.js 2020. 7. 30.

• 

  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.