alert 오류메세지 띄우기 실패

문제상황

  const handleSignup = async (formData) => {
    try {
      await register(formData);
      alert("회원가입 완료");
      navigate("/signIn");
    } catch (error) {
      const errorMessage = error.response?.data?.message || "알 수 없는 오류가 발생했습니다.";

      console.log("error:", errorMessage);
      alert("회원가입 실패 : ", errorMessage);
    }
  };

 

try-catch 문으로 회원가입시 오류 메세지를 알랏창에 띄워주고 싶었다.

그런데 콘솔창에는 오류메세지가 잘뜨는데 alert 창에는 뜨지않았다.

 

원인추론

왜지..?

 

alert() 함수는 기본적으로 하나의 문자열(string)만 인자로 받을 수 있다.

그런데 내가 알랏창에 보낸건  문자열 "회원가입 실패" 와 변수 errorMessage 두가지였다.

그래서 처음 인자로 받은 "회원가입 실패" 라는 문자열만 반환하였고, 두개의 인자값을 보내주던것을 하나의 인자값으로 수정해주어야 한다.

 

문제 해결

alert(`회원가입 실패 : ${errorMessage}`);

 

템플릿 리터럴을 사용하여 문자열과 변수를 하나로 묶어주었다.