django

django에 react나 vue를 결합시켜야 하는가?

발전생 2020. 12. 25. 17:03

django의 기본을 익히고 사용해 보니 비동기 처리에 대한 갈증이 생겼다.

공식 문서에도 ajax 언급이 존재하니 ajax를 사용하면 된다. 하지만 jquery ajax를 사용하여 DOM을 조작하면 코드가 꽤나 길어진다고 생각한다. 그래서 프론트엔드 프레임워크나 라이브러리를 알아보게 됐다.

많은 경우 react + drf 조합으로 프로젝트를 한다. 프론트엔드 개발자가 존재하는 팀이면 모르겠지만 html, css, js에 관한 지식만 있는 1인이 django를 사용하여 개발하는 경우 react를 공부하는 건 비효율적이다. (취업문 앞에 서면 얘기가 달라질 지 모르겠지만 적어도 빠르게 프로덕트를 내놓는 관점에서는)

 

기존 django에서 제공하는 기능들을 잘 활용하는 효율적인 페이지 라우팅 방법을 찾아 헤맸다.

vsupalov.com/do-i-need-to-combine-django-with-vue-or-react/

 

Do I NEED to Combine Django with Vue or React?

Are you missing out if you don't use a frontend framework with your Django project?

vsupalov.com

이 글이 나름 괜찮은 방법을 제시해 줬다. 데이터에 기반해서 특정 부분만 DOM이 바뀌어야 하는 경우 django 템플릿 내에서 필요한 부분만 vue 템플릿을 적용해 주는 방법이다. 생산성과 사용자 경험 두 마리 토끼를 다 잡을 수 있다.

이 방법에 대한 포스팅 2개를 소개한다. 

vsupalov.com/vue-js-in-django-template/

 

Vue.js In A Django Template

 

vsupalov.com

tkainrad.dev/posts/use-vuejs-with-django/

 

Using VueJS alongside Django

Tutorial with copy-paste ready code to add CSV Export to any model in Wagtail's modeladmin module

tkainrad.dev