[🌪 Error Handling] 회원가입 후 로그인 모달에서 x표시를 눌렀을 경우 랜딩으로 이동하기 / 2021-09-27

> 해결된 에러라면 라벨에 'Complete' 를 달아주세요.
> 미해결된 에러라면 라벨을 'In progress' 로 변경해주세요.

### 어떤 에러인가요?
- successModal, signinModal로 상태를 관리하여 각각 회원가입 성공 모달, 확인을 누르면 로그인 모달이 뜨게 만들었다.
- 하지만 로그인 모달에서 x를 눌렀을때, 회원가입페이지에 머무는 것이 아닌 랜딩으로 이동하게 하는게 잘 되지 않았다.

### 에러 메시지

```bash
signup에 머물러 있게됨
```

### 에러 핸들링 방법

- 2개의 모달 상태를 false로 놨기때문에 이 2개만을 가지고 하기에는 부족하다고 판단했다.
- const [count, setCount] =useState(0)를 만들어서 값이 1 초과 일경우를 더해
- (count >= 3 && !successModal && !signinModal) 조건이 완료되었을시에 랜딩페이지로 이동하게 만들었다.
- 회원가입에 성공한다면 (0,false,false) => (1,true,true)
- 사인업 성공모달 확인 눌렀을시 (1,true,true) => (2, false, true)
- 로그인 모달에서 로그인 하지않고, x를 눌렀을 경우 (2,false,true) => (3, false, false)

- 로그인을 바로 진행했을시에는 바로 랜딩으로 가니 상관없음
- 하지만 회의를 통해 사인업이 완료되면 랜딩으로 이동시키기로 함. 필요없어짐
```js
const [successModal, setSuccessModal] = useState(false);
const [signinModal, setSigninModal] = useState(false);

//제출핸들러
const signupSubmitHandler = useCallback((e) => {
e.preventDefault();
if(password !== passwordChk) return false;
if(passwordRegErr === true) return setPasswordRegErr(true);
if(certEmail === false) return setCertEmail(true);
// if(isAllchecked === false ) return false;

let userinfo = {
email,password,nickname,mobile,
gender,age
}
dispatch(signUp(userinfo))
.then((res) => {
console.log('===',res.payload)
if (res.payload.message === 'Signup success') {
setSuccessModal(true);
setSigninModal(true);
// window.location.href="https://uptodoor.shop/"
} else {
alert('회원가입 조건을 충족해주세요.');
}
})
.catch((err) => {
console.log(err)
});
},[email,password,passwordChk,certEmail])

// useEffect로 관리
const [count, setCount] =useState(0)
useEffect(() => {
if (count >= 3 && !successModal && !signinModal) {
window.location.href = "http://localhost:3000";
}
}, [successModal, signinModal]);
```

### 에러 핸들링을 위해 참고한 레퍼런스 링크

[링크]()