hotamul의 개발 이야기

기존 home 화면에서의 vue-django 연동 과정 현재 프로젝트에서 home url(/)에 접근했을 때의 Vue-Django 연동 처리 과정이다. 처음 request(/)에는 DB에 접근하지 않고 html, css, js 파일만을 전달한다. 렌더링 시 Vue.js 코드의 created()에서 axios 객체를 이용해 두 번째 request(/api/post/list)가 실행된다. 이 때는 DB에 접근한다. 위 과정은 반드시 두 번의 request가 있어야 한다. 하지만 처음 html, css, Vue.js 를 전달할 때 DB에도 접근하여 JsonResponse를 전달 할 수 있다면 request 수를 줄일 수 있어 렌더링 시간을 줄일 수 있을 것이다. request 수에 주목하자. 기존에는 20 r..