회원 로그아웃처리 1. 저장되어 있는 세션을 가져와서 무효화 해준다. 📑 MemberController.java @RequestMapping("/memLogout.do") public String memLogout(HttpSession session) { session.invalidate(); return "redirect:/"; } 1) 파라미터로 세션을 가져온다. 2) session.invalidate() 세션을 무효화해준 뒤 다시 메인페이지로 이동 한다. 3) 화면이 다시 로그인이 필요한 상태로 변경된다. 2. Header 로그인, 로그아웃 상태 확인 되는 부분 📑 header.jsp - empty 빈값인지 있는지 확인해준다. 로그인 회원가입 1) 빈값일시 헤더 마크업 : 로그인 노출 회원정보수정 ..

회원가입 유효성 검사 1. 회원가입 화면 📑 join.jsp -html 아이디 중복확인 비밀번호 비밀번호확인 사용자 이름 나이 성별 남자 여자 이메일 1) form을 통해 전달할 값에 name(실제 데이터로 넘어갈 값)과 id(유효성 검사를 위한 값) 속성을 추가한다. 1) 유효성 검사 후 회원가입이 실행되기 위해 으로 설정한다. 2) 버튼 클릭시 onclick="함수명" 을 속성으로 함수가 실행된다. 2. 유효성 검사 결과 출력 팝업 -html × 메세지 확인 Close 1) 검사 결과 부적합 시 모달 창으로 에러 메세지를 출력한다. 3. 유효성 검사 구현 - javascript function goInsert(){ var getCheck= RegExp(/^[a-zA-Z0-9]{4,12}$/);//비밀..

비밀번호 일치 확인 1. 회원가입 화면에 비밀번호와 비밀번호 확인을 하는 태그 생성 📑 join.jsp - html 비밀번호 비밀번호확인 1) 비밀번호 재확인시 동일해야 회원가입이 가능하다. onkeyup="passwordCheck()" 으로 선택이 된 상태가 되면, 메서드가 실행이 된다. 2. 비밀번호 값의 일치를 확인해주는 스크립트 - javascript function passwordCheck(){ var memPassword1=$("#memPassword1").val(); var memPassword2=$("#memPassword2").val(); if(memPassword1 != memPassword2){ $("#passMessage").html("비밀번호가 서로 일치하지 않습니다."); }el..

아이디 중복확인 1. 컨트롤러에서 회원가입 페이지로 이동. 📑 MemberController.java @Autowired MemberMapper memberMapper; @RequestMapping("/memJoin.do") public String memJoin() { return "member/join"; // join.jsp } 1) @Autowired 데이터 베이스 관련 메서드를 실행하는 객체(MemberMapper.java)를 연결 2) @RequestMapping "URI : memJoin.do " 요청이 왔을때, WEB-INF/views/memeber/join.jsp 페이지로 이동 📑 MemberMapper.java @Mapper //- Mybatis API public interface M..

동기식 처리방식과 비동기식 처리방식 EX ) 게시판 리스트를 뿌려주고, 지도를 가져오는 일이 동시에 이루어져야할때 동기식 처리방법은 순서대로 처리되어 하나의 작업이 끝나야 그 후 나머지 작업이 이루어진다. 때문에 클라이언트에게 응답 시간이 길어진다. 하나의 페이지에서 두가지를 동시에 하려면 각각의 JSP가 필요하게된다. ※ 동기방식으로 java에 보내주어 포워딩 또는 리다이렉트 해서 페이지를 새로 로딩해 데이터를 얻는 방식. 비동기식 처리방법은 하나의 Veiw에서 두가지의 일을 동시에 가능하다. 다른 일도 작업중이기 때문에, 동시에 두가지일을 하려면 jsp를 포워딩하면 안되고 콜백함수 (대신 처리 해주는 함수 = $ajax )를 사용해서 데이터를 요청하고 JAVA에서 요청한 데이터를 전달 받아 처리한다...