[TIL] 221126

🔥 오늘 한 일

• 프로그래머스 Lv.1 최소직사각형, 모의고사(완전탐색) 2문제 완료
• [TS-플젝]
  • firebase authentication 이용해서 비밀번호 재설정 이메일 전송 기능 구현
  • Portal을 이용해서 modal 구현

🚨 Error Handling

아래 포스트에 오늘의 error handling 1️⃣5️⃣번 추가했따
🔗 [TS - Error Handling] JS → TS 마이그레이션 중 맞닥뜨린 error 모음zip

1️⃣5️⃣ Property ‘value’ does not exist on type ‘EventTarget’.

🧚 새롭게 알게 된 내용

💡 firbase Authentication 이용해서 비밀번호 재설정 이메일 전송 기능 구현해보기

아래 공식문서대로 구현하면 기능 자체 구현은 so easy 🙌
🔗 [firbase authentication 공식 문서] Manage Users in Firebase

import { getAuth, sendPasswordResetEmail } from "firebase/auth";

const [email, setEmail] = useState("")

const onSendPwResetEmail = async () => {
  const auth = getAuth()
  await sendPasswordResetEmail(auth, email)
  .then(() => {
		...
  })
  .catch((error) => {
		...
	}
}

위와 같이 구현하면 정상 동작은 되는데 gmail에선 전송된 메일이 자동으로 스팸메일로 분류되어버린다,,

그래서 firebase - Authentication - Templates - 비밀번호 재설정에 들어가서 메일 내용 형태를 변경해주었다.

변경한 후 다시 메일 전송을 해보면 아래와 같이 변경한 형태로 메일이 잘 전송된다 :>

👀 MEMO

아래 포스트에 portal로 모달창 구현 과정 따로 포스팅함!
[TS] React Portals 이용하여 modal 구현해보기 👷‍♀️

✍️ Diary

오늘은 오전부터 친척언니 결혼식에 갔다오느라 밤부터 공부 시작..🌙
Udemy - React 강의를 통해 알게되었던 Portal를 이용한 modal를 타스로 구현하는데 생각보다 에러도 많이 나고 바로 플젝에 적용하려고 하다 보니까 좀 헤매서 시간이 꽤 걸렸담,,