[1일] 회원가입할 수 있습니다

[vlshzl35]

🌈 Success criteria

1. db를 구축합니다. sh계정으로 springdb에 테이블/샘플데이터를 추가합니다.
2. springboot프로젝트에 웹어플리케이션에 알맞은 starter키워드를 선택하세요. (모듈만들때 dependencies)
3. /app 인덱스페이지를 확인할 수 있습니다.
4. /regist 회원가입폼 페이지를 통해 회원가입을 처리합니다.
5. 이메일 중복확인을 비동기로 처리합니다.
6. 다음 상황에서는 폼이 제출되어서는 안됩니다.
   • 이메일 중복확인을 하지 않은 경우
   • 비밀번호가 일치하지 않은 경우
   • 필수 입력값이 작성되지 않은 경우

👷To-do

• [x] DB구축
• [x] /app, /regist 페이지 로딩
• [x] 이메일 중복 확인을 하지 않은 경우
• [x] 비밀번호가 일치하지 않은 경우
• [x] 필수 입력값이 작성되지 않은 경우

👓 Review

1. 이메일 중복 확인

사용가능할 경우

이미 사용중인 경우

2.이메일 중복 확인을 하지 않은 경우

3. 비밀번호가 일치하지 않은 경우

비밀번호 aa, 비밀번호 확인 bb입력으로 비일치

4. 필수 입력값이 작성되지 않은 경우

회원가입 성공(폼 제출 성공시)

DB에 반영됐다

이메일 중복처리도 된다

[vlshzl35]

이메일 중복확인 버튼을 누르면 계속 400에러가 뜹니다 emailCheck버튼과 @getmapping이 연결이 안되는 것 같은데 이유를 모르겠습니다

1. controller

   

2. html의 폼속성, 이메일 중복검사 버튼 속성

   

3. regist.js

   

[vlshzl35]

mapper에서 중복일 경우 1, 중복이 아닐 경우 0을 반환해서 mvc를 int로 받았습니다. Controller에 @ResponseBody를 넣지 않으니 이 오류가 뜹니다.

정수 자료형 그대로 반환하는 것이 맞는것 아닌가요? 왜 Integer로 바꿔서 줘야하는지 모르겠습니다. console.log(response.type)이 undefined로 나와 확인을 못했습니다.

@ResponseBody는 메서드가 반환하는 값의 타입에 따라 적절한 형태로 변환하여 클라이언트에게 전달하는 역할이라 알아서 리턴시에 현재 필요한 자료형(Integer)으로 매칭시켜주어 @ResponseBody를 붙혔을때 코드가 정상적으로 작동되는 것인가요?

[shqkel]

https://github.com/ssg-java3-240304/spring-or-death/issues/4#issuecomment-2217262111

@ResponseBody 가 없다면 반환값을 view Name으로 인식하게 됩니다. @ResponseBody를 작성한다면, 반환값을 직접 Http 응답메세지 본문에 작성하는 것이고요 😄

[vlshzl35]

강사님 Review

• [ ] Regist.js에 ajax url 하드코딩 한것 바꾸기
• [ ] 중복인지 아닌지를 mapper에서 0,1로 받은후, controller에서 중복O, 중복X를 쉽게 확인할 수 있도록 변수로 선언해서 js에게 보내준다. js는 그 변수명을 비교하도록 바꾼다. 내 regist.js에 강사님이 comment달아놓으심 참고할 것