2022 12/14 (바닐라js confirm을 이용해서 다시 한번 확인 alert 띄우기)

프로젝트 페이지에서 회원탈퇴 기능을 만들었는데 버튼을 누를 시 다시 한번 확인하는 확인 alert창이 필요성을 느꼈다. 실제 사용자가 버튼을 누르자마자 회원탈퇴가 된다면 많은 불편함이 있을테니 이를 수정해보자

구글링을 해서 찾아보니 confirm이라는 사용하기 좋은 기능을 가진 자바스크립트 코드를 발견했다. 참조https://ungdoli0916.tistory.com/471

이 confirm을 이용해서 회원탈퇴라는 버튼이 클릭했을 때 들어가는 함수안에 조건문을 작성해 줄 것이다.

간단하게 이 코드를 설명하자면 confirm을 사용하면 확인과 취소를 확인하는 창이 뜨고 여기서 확인을 누르면 true 취소를 누르면 false로 반환해준다. 이러한 특성을 이용해서 함수 코드안에 작성해주면 될 것 같다.

html안에서 버튼을 누르면 위에 userDelete()함수가 작동하고 가장 먼저 confirm을 이용해서 확인 작업을 거쳐준다. 여기서 유의할 점은 확인을 눌러야 true 즉 탈퇴가 실행되기 때문에 else문 안에 함수 코드를 넣어줘야 한다.

제대로 작동하는 것을 확인할 수 있다.