Part 5. Vue.js 회원가입 가능 만들기
DRF와 Vue.js의 로그인, 회원 가입 글 마지막 장이다. part 1, part 2, part 3, part 4의 글은 각각의 링크를 걸어 놓았으니 클릭해 들어가 확인할 수 있다.
로그인의 상태관리하고 다르게 회원가입은 정말 간단하게 작업을 진행할 수 있었다.
로그인에서 관리할 정보들을 애초에 회원가입 부분에서 DRF 서버로 보내주면, 이후 로그인에서 작업을 진행할 때 상태가 알아서 관리 되기 때문이다.
무슨 말이냐면, State → Actions → Mutations → State 의 로그인 상태 관리를 회원가입(Signup)에서 유저 정보가 생성되면 (Signup →) State → Actions → Mutations → State 가 되기 때문이다.
회원가입 절차는 밑의 이미지로 보여지며 서버에 정보가 정상적으로 보내지면 status:201이 보내진다.
여기까지가 회원가입, 로그인 기능의 구현이었다.
JS를 몰라 꽤 오랜시간 삽질했는데, 막상 해보니 그렇게 어려운 코드는 아니었다. 이해하기가 어려운 것 뿐이었지…다시 짜라고 한다면 10분 안에 로그인 / 회원가입 코드 짤 수 있을 듯하다.
part 1–5의 글을 쓰면서 배운 인증 관련 기능들을 두서 없이 작성했는데 이와 관련하여 적극적인 댓글을 환영한다!
RyanKor ( https://github.com/RyanKor)
