5. 아이디 중복 검사

🎯 아이디 중복 검사 (Ajax ⇒ 화면 갱신 X)

 

                        (/MemberIdCheckServlet)      MemberService
브라우저 —>  MemberIdCheckServlet—> MemberServiceImpl —> MemberDAO ↔ DB    
               <—       if(dto != null)                                                   MemberDTO             
          가능/불가           

 

 

---

 

 

💡 MyBatis

가. 4개의 jar WEB-INF/lib 폴더에 복사
     - object6_g.jar, mybatis.jar, jstl.jar, standard.jar

나. com.dto.Member.DTO.java

다. jdbc.properties
     Configuration.xml
     MemberMapper.xml
     MySqlSessionFactory.java

 

✅ 가. 4개의 jar WEB-INF/lib 폴더에 복사
     - object6_g.jar, mybatis.jar, jstl.jar, standard.jar

 

 

 

 

 

 

✅ 나. com.dto.Member.DTO.java

 

 

✅ 다. jdbc.properties
           Configuration.xml
           MemberMapper.xml
           MySqlSessionFactory.java

 

 

 

 

---

 

 

✅ 패키지 com.dao
      MemberDAO.java 생성

 

✅ DAO에 Sqlsession과 파라미터를 이용해서 실제 DB와 연동

 

 

 

✅ MemberService 인터페이스 생성

 

 

 

✅ MemberServiceImpl 생성

 

✅ 오버라이딩 / 기본틀 작성

 

✅ DAO 연동해 DTO에 담아주고 반환

 

 

 

✅ MemberIdCheckServlet 생성

 

✅ id값을 받아온다.

✅ 서비스와 연동

✅ 입력 받은 id값을 MemberDTO에 담는다.

 

✅ 아이디 사용 가능 / 불가능 따져서 응답처리

 

 

 

✅ memberForm.jsp 에 중복확인 버튼 만든다.

 

---

💻 결과 (중복확인 버튼생성)

 

 

 

---

 

 

✅ ID 중복체크 할 수 있게 값을 기입.

 

✅ AJAX 연동하여 응답처리

 

 

✅ ID 추가

 

 

---

 

 

🧨 이슈 발생

결과 확인 해봤더니 중복체크가 원활히 안된다.

 

 

 

💡 해결

submit은 이벤트 발생 시 페이지가 자동 새로고침 된다.

사용자가 입력한 정보를 받아오기 위해서는 새로고침을 방지할 필요가 있다.

이 때 사용되는 것이 

event.preventDefault()  =>  이벤트가 발생 했을때 페이지가 리로드가 되는데 그 현상을 막아줌

                                               submit 비활성화

MemberidCheckServlet 오타도 수정해준다.