발전생

vue.js를 많이 써보지 않고 비동기 처리해야 할 부분만 django template과 함께 쓰고 있기 때문에 콘솔 창에 에러가 너무 자주 뜬다. 그리고 자바스크립트는 개인적으로 다른 언어들보다 디버깅이 너무 힘들다고 느껴진다. 다시는 이런 실수를 하지 않도록 현재 vue.js를 사용하면서 자주 발생했던 에러들을 정리한다. var app = new vue({ delimiters: ["[[", "]]"], el: "#app", data: { data1: "" }, methods: { } }) javascript 안에서는 data에 접근할 때 this.data1 또는 app.data1을 사용해야 한다. (app이라는 이름으로 vue 인스턴스를 만들었을 시) html 안에서는 앞에 붙이는 거 없이 그냥 da..

vue.js의 template을 사용하니 document element를 직접 찾고 조작해주는 과정이 없으니 편하다. 다만 vue.js에 익숙하지 않아 vue적인 사고를 하기까지가 어렵다. {% extends 'my_book/base.html' %} {% load static %} {% block style %} {% endblock %} {% block content %} {% include 'my_book/navbar.html' %} 게시물 작성 {% csrf_token %} {{ form.content }} 로딩 중..... 사용자 [[ post["fields"].author ]] [[ post["fields"].created_date ]] [[ post["fields"].content ]] 좋아요..

django의 기본을 익히고 사용해 보니 비동기 처리에 대한 갈증이 생겼다. 공식 문서에도 ajax 언급이 존재하니 ajax를 사용하면 된다. 하지만 jquery ajax를 사용하여 DOM을 조작하면 코드가 꽤나 길어진다고 생각한다. 그래서 프론트엔드 프레임워크나 라이브러리를 알아보게 됐다. 많은 경우 react + drf 조합으로 프로젝트를 한다. 프론트엔드 개발자가 존재하는 팀이면 모르겠지만 html, css, js에 관한 지식만 있는 1인이 django를 사용하여 개발하는 경우 react를 공부하는 건 비효율적이다. (취업문 앞에 서면 얘기가 달라질 지 모르겠지만 적어도 빠르게 프로덕트를 내놓는 관점에서는) 기존 django에서 제공하는 기능들을 잘 활용하는 효율적인 페이지 라우팅 방법을 찾아 헤맸..