[React / axios] 회원탈퇴 구현하기 (window.confirm)

young·2022년 9월 5일

React

First project (8/19~9/6)

목록 보기

8/10

window.confirm

Window.confirm() 메서드는 확인과 취소 두 버튼을 가지며 메시지를 지정할 수 있는 모달 대화 상자를 띄웁니다.

탈퇴를 누르면 바로 DELETE 요청이 들어가지 않고,
알림창에서 '확인'을 한 번 더 누를 경우 요청을 보낸다.

확인을 눌렀을 경우는 true가 되고,
아무것도 누르지 않은 상태와 취소를 누른 경우는 false가 된다.

const handleDeleteProfile = (e) => {
    e.preventDefault();
    if (window.confirm('확인을 누르면 회원 정보가 삭제됩니다.')) {
      axios
        .delete(
          `${process.env.REACT_APP_PROXY_URL}/members/${parsed.memberId}`,
          {
            headers: {
              Authorization: 'Bearer ' + localStorage.getItem('ACCESS_TOKEN'),
            },
          }
        )
        .then(() => {
          localStorage.clear();
          alert('그동안 이용해주셔서 감사합니다.');
          navigate('/');
        })
        .catch((err) => alert(err.response.data.message));
    } else {
      return;
    }
  };