221222 최종프로젝트

그동안 신경쓰지 못한 alert와 validation을 만졌는데, validation이 쉽지 않았다.

게시글을 작성할 때 내용/별점/이미지 에서 뭘 빼고 작성했을 때마다 다르게 alert를 띄우는 작업을 했음.

 

피드백 받은 내용 수정

회원가입시 유저네임이 같거나 이메일이 같은 경우 동일한 에러창이 나온다고함

 

우선 먼저 에러의 status 및 오류 메시지를 먼저 확인하기 위해 포스트맨을 이용했다.

Bad Request: /users/dj-rest-auth/registration/ [25/Dec/2022 23:50:33] "POST /users/dj-rest-auth/registration/ HTTP/1.1" 400 64

400 62 → 유저네임이 디비에 동일할 경우 나타나는 오류

{
    "email": [
        "해당 이메일은 이미 사용되고 있습니다."
    ]
}

Bad Request: /users/dj-rest-auth/registration/ [25/Dec/2022 23:51:13] "POST /users/dj-rest-auth/registration/ HTTP/1.1" 400 67

{
    "username": [
        "User의 username은/는 이미 존재합니다."
    ]
}

400 67 → 유저이메일이 디비에 동일할 경우 나타나는 오류

요런식으로 오류가 나타난다. 이걸 처음에는 어떻게 자바스크립으로 표현해야하나 고민을 하다가 다른 팀원 분한테 좋은 정보를 얻었다 바로!

console.log(response_json)를 찍어보니

이런식으로 뜬다 그럼 난 이걸 어떻게 뽑아서 써야하나 해서 구글링을 하니

if ("username" in response_json) {
        Swal.fire({
            title: '유저네임 중복됩니다.',
            text: '다른 유저와 유저네임이 동일합니다. 다시 확인해주세요.',
            icon: 'warnings',
            confirmButtonColor: '#FFCCCC',
            confirmButtonText: '확인',
        }).then(result =>{
            if(result.isConfirmed){

            }
        })
        return false;
    }

해당 json_Dictionary 형식에서 key 값이 있는지 확인하는 조건문을 걸면 되는것임.