[TIL] 비밀번호 재설정 하기 (supabase Auth)

·2024년 1월 30일
0

TIL

목록 보기
81/85
post-thumbnail

오늘 한 일

  • places 테이블에 홈페이지 추가 -> 장소 상세에서 대표 홈페이지 링크 뿌려주기
  • 비밀번호 재설정 기능 추가

장소 테이블에 homepage 추가

유저 피드백 중에 장소 상세 페이지에 들어갔을 때, 장소의 대표 홈페이지로 연결될 수 있도록 링크를 달아주었으면 좋겠다는 피드백이 있었다.
우리가 사용하고 있는 공공 데이터에는 장소에 대한 홈페이지 정보가 있었음에도 불구하고, '정보 없음' 인 장소들이 많아서, 기획 단계에서 홈페이지를 빼기로 결정하였다.

[ 사용 중인 공공 데이터]
👉 https://www.data.go.kr/data/15111386/fileData.do

그러나 홈페이지 '정보없음' 인 장소들이 꽤 있더라도, 홈페이지 정보가 있는 장소 만이라도 해당 링크로 연결될 수 있게끔 정보를 같이 제공해 주는 것이 좋겠다는 생각이 들었다. (의사 결정 과정에서 홈페이지 정보를 빼자고 결정하여서, 이를 DB에서 지웠었는데, 장소 테이블을 다시 가공하느라 시간을 많이 소모했다.)

의사결정 과정에서 '정보 없음' 이 너무 많으면 이상할 것 같아서 홈페이지 정보를 뺀건데, 실제 유저의 입장은 다르다는 것을 느꼈다.

이번 계기로 의사 결정 과정에서의 선택들이 중요하다는 것을 새삼 느꼈다.
시각적인 것도, 기능적인 것도 물론 중요하지만 결국 유저가 사용할 '서비스' 이기 때문에
개발자 입맛대로 골라서 정보를 제공하기보다는, 제공할 수 있는 정보를 최대한 제공해 주는 것이 서비스 측면에서 좋다는 생각이 든다.

개발자는 기술자 이기도 하지만, 결국 웹 서비스를 만드는 사람이기에..
내가 만들고 있는 서비스가 어떤 서비스이고 어떤 가치가 있을 지에 대한 고민도 함께 가져가야 한다는 생각이 든다.

👇 홈페이지에서 바로가기 클릭 시 장소 대표 사이트로 이동할 수 있도록 수정!

비밀번호 재설정 기능 추가

기존에는 회원가입, 로그인 기능만 있었는데 이번에 비밀번호를 까먹은 유저를 위해비밀번호 재설정 기능을 추가했다.

코드를 내가 설명하는 것 보다 supabase Docs 가 잘 되어있으니 아래 링크를 확인해보자.

👉 https://supabase.com/docs/reference/javascript/auth-resetpasswordforemail

비밀번호 찾기를 클릭하면 조건부 렌더링으로 다음 화면을 렌더링하였다.

기존에 가입된 이메일이라면 '비밀번호 재설정을 위한 이메일을 발송했습니다. 메일함을 확인해주세요!' 라는 alert을 띄우고, 가입되어있지 않은 메일이라면 '가입하지 않은 이메일입니다!' 라는 alert을 띄운다.

이메일 발송 버튼을 클릭하면 해당 메일로 재설정을 위한 링크가 보함된 메일이 전송된다.

메일함에서 그 링크를 클릭하면 /update-password 링크로 redirect 시키고,

이 화면을 보게 된다. 새로운 비번을 입력하고 비밀번호 변경을 클릭하면 비밀번호 변경이 완료된다.

다음에는 회원 탈퇴 기능도 추가해보아야 겠다.

새로운 기능을 추가하는 것도 좋지만, 이제는 리팩토링에 중점을 두어야 겠다는 생각이 든다.
누가 보아도 가독성 있고 구조적으로 잘 짜여진 프로젝트로 마무리 짓고 싶다...!

profile
느리더라도 조금씩, 꾸준히

0개의 댓글