2022 12/20 (비밀번호 초기화 프론트 연결하기)

노우석·2022년 12월 28일
0
post-thumbnail

중간 평가를 끝내고 들어왔던 피드백이 비밀번호 초기화가 아직 안된다는 말이 많았다 시간 관계상 연결하지 못했었는데 이번에 한번 연결해보자 django-password-reset 기능이 백엔드에 만들어져 있다는 전제하에 쓰는 작성글이다.

백엔드에 만들어놓은 django pasword-reset 기능이 작동하도록 연결을 해주어야 한다. 탬플릿과 url 자체가 백엔드 안에 들어가 있기 때문에 window.open을 이용해서 바로 초기화 창을 띄어보자

가장 먼저 로그인 탬플릿에서 비밀번호 초기화 버튼에 onclick으로 위에 handlePasswordFind() 함수로 가도록 연결해주고 내가 팝업하기 위한 탬플릿 url과,이름,팝업창에 스타일을 변수안에 담아서 지정해준다. 그리고 기존에 백엔드에서 불러올 기능을 api fetch 해주고 window.open이 작동하도록 해준다.

이 처럼 작성하면 버튼을 눌렀을 때 백엔드에 만들어놓은 비밀번호 초기화 탬플릿이 팝업창으로 생기고 탬플릿 안에서 이메일을 입력하고 이메일로 초기화 이메일이 발송된다. (내가 가입한 이메일 인 경우만 발송이 가능)

이메일로 초기화 한 뒤에 redirect되는 url을 배포된 도메인으로 바꾸는 것을 잊지말자

profile
중요한건 버그에게 꺾이지 않는 마음

0개의 댓글