Vue-DRF를 활용한 프로젝트

멀티캠퍼스 풀스택 과정 마지막 프로젝트가 끝났다.마지막 프로젝트에서는 시간 외에도 프로젝트를 진행하는 열정형 팀을 선택했다.그전까지는 Django MTV 패턴으로 개발하다가 열정형 팀에 와서 Vue+DRF처럼 프론트와 백엔드를 분리해서 개발해볼 것을 추천받았고 이 조합

JWT 인증 과정의 사진 출처:https://tansfil.tistory.com/59Django로만 개발할 때는 accounts 생성하는 것은 어렵지 않았다. 기본적으로 Django에서 지원해주기 때문이다.그러나 프론트와 백이 분리되면 이를 기본적으로 지원해주

vuex는 vue 상태(state) 관리를 위한 공식 라이브러리이다.상태 관리라는 것이 조금 생소할 수 있는데, 간단하게 요약하자면 간이DB라고 생각한다.Django를 사용하다가 프론트엔드로 넘어왔을때 가장 불편한 것은 DB의 존재였다. 예를 들어서 Django에서는

이전 포스팅에서 vuex로 store를 다루는 법에 대해 배웠지만 이것을 적용시켜보면새로고침 시 store가 날아가는 것을 볼 수 있다.우리는 store로 로그인을 관리하므로 이것이 날아간다는 것은 새로고침을 하면 로그인이 풀려버리는 것인데 이를 유지하기 위해서는 vu

https://velog.io/@mechauk418/Vue-DRF-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0이전 포스팅에서 JWT 로그인에 대해 설명했다.그런데 JWT에서 access t

저번 포스팅에서 토큰을 갱신하는 코드까지는 작성했지만, 모든 로그인이 필요한 요청에 해당 코드를 넣는 것은 너무 비효율적이다.그래서 우리가 사용할 방법은 axios instance와 axios interceptor 이다.axios instance 는 axios를 커스텀