목록SelfStudy/JDBC (14)
YJ의 새벽
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cFMov1/btr72a8IxE1/fkqmuysJaQc7KXfzE808k0/img.png)
--- 현재비밀번호가 맞는지 확인후 , 체크박스 체크하면 , 탈퇴하도록 만들자 . -- form 형식 secessionValidate() 함수를 이용하자 . --- myPage.js 회원탈퇴 유효성 검사 . ////////////////////////////////// 회원탈퇴 //회원 탈퇴 유효성 검사 function secessionValidate(){ const memberPw = document.getElementById("memberPw"); const agree = document.getElementById("agree"); // 비밀번호 미작성 if(memberPw.value.trim().length == 0){ alert("비밀번호를 입력해주세요."); memberPw.focus(); re..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ABtja/btr7Pp63GAg/vKFNRHB5ie6lPJ4s0fhngK/img.png)
-- 폼형식의 changePwValidate() 함수를 써먹자. -- myPage.js 파일 ( 유효성 검사 ) /////////////////////////////////////////////////// 비밀번호 수정 function printAlert(el, message){ // 매개변수 el은 요소 alert(message); el.focus(); return false; } // 비밀번호 변경 제출 시 유효성 검사 function changePwValidate(){ // 비밀번호 변경 관련 input 요소 얻어오기 const currentPw = document.getElementsByName("currentPw")[0]; const newPw = document.getElementsByName..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/lcdFP/btr7PjkSJnt/e4GNq2LKwx7fmDx5ZIeWs1/img.png)
수정을 하면 ?? DB 의 정보도 수정 . --------->>> -- 회원정보수정 form 에 infoValidate() 함수가 적용되어있다 . --회원정보 수정 myPage.js 구문. //////////////////////////////////////////// 회원정보 수정 function infoValidate(){ const memberNickname = document.getElementById("memberNickname"); const memberTel = document.getElementById("memberTel"); const regExp1 = /^[a-zA-Z0-9가-힣]{2,10}$/; // 닉네임 정규식 const regExp2 = /^0(1[01679]|2|[3-6][1-..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/liRCT/btr60uVvhOm/MBiVu63XvIDqThGZktBDnK/img.png)
enctype : form 태그가 데이터를 서버로 제출할 때 데이터의 인코딩 형식을 지정하는 속성 1) application/x-www-form-urlencoded - 모든 문자를 서버로 제출하기 전에 인코딩 (모든 데이터가 문자) (form태그 기본값) 2) multipart/form-data : 제출할 때 인코딩을 하지 않음 -> 모든 데이터가 원본 형태를 유지(파일이 파일상태로 서버로 제출) (주의) multipart/form-data 로 설정 시 method는 무조건 POST --- 파일명 바꾸기위해. MyRenamePolocy.class 생성 . // 파일명 변경 정책 public class MyRenamePolicy implements FileRenamePolicy{ @Override publ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bQjscf/btr6P17yy2o/7BouyLkv7YL5C4X90fKIQk/img.png)
------- 모든것이 true 일때. 가입하기 누르면 DB 에 저장. 해보자 --- alert 창 띄우고 , 다시 홈페이지로 복귀 : resp.sendRedirect(req.getContextPath()); -- DB저장값 확인할수있다. --- signUp.js 회원가입버튼 이벤트 추가 ( ajax 로 접근 ) // 회원가입하기 버튼 ///////////////////////////////////////////////////// const signUpBtn = document.getElementById("signUp-btn"); signUpBtn.addEventListener("click",function(){ if ( checkObj.memberEmail && checkObj.memberNicknam..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b5rLDY/btr6OmwhWPL/cYHaabhVgLcL6htWK11d8k/img.png)
---signUp.js 닉네임확인 이벤트 추가. ( 중복검사 (DB연결) ) // 닉네임 확인 . 중복검사 까지 . // 1 or 0 반환 /////////////////////////// const regExp3 = /^[a-zA-Z0-9가-힣]{2,10}$/; const memberNickname = document.getElementById("memberNickname"); const nicknameMessage = document.getElementById("nicknameMessage"); memberNickname.addEventListener("input",function(){ // 닉네임 입력이 안된경우 if ( memberNickname.value.length==0){ nicknameMe..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/EuJ1T/btr6N2dGhy7/XxBrHkMENmyKmjQDKzfZs0/img.png)
-- signUp.js 에 인증번호 입력후 확인 (제한시간 ) 추가. // 인증번호 보내기 const sendBtn = document.getElementById("sendBtn"); const cMessage = document.getElementById("cMessage"); // 타이머 출력하는 span 태그 // 타이머에 사용될 변수 let min = 4; let sec = 59; let checkInterval ; // setInterval 을 저장할 변수 sendBtn.addEventListener("click",function(){ if( checkObj.memberEmail ){ // 유효한 이메일이 작성되어 있을경우에만 메일보내기 $.ajax({ url : "sendEmail", data..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/1OVfG/btr6AhIqi9o/S6BRYCkF1S3aibtc8z6mGk/img.png)
jbufdyvxikcbxutr lombok.jar 이클립스 경로에 넣기 관리자권한 cmd 실행후. 이클립스 경로 --> 롬복 실행. 이클립스 경로 찾아서 . 이클립스 Select . Lombok 라이브러리 -- VO (Value Object) 또는 DTD (Data Transfer Object) 에 작성되는 공통코드 ( getter/ setter/ 생성자 ) 를 자동 추가해주는 라이브러리 @Getter // getter 자동추가 @Setter // setter 자동추가 @ToString // toString 자동추가 @NoArgsConstructor // 기본생성자 @AllArgsConstructor // 모든필드 초기화하는 매개변수 생성자 @Getter // getter 자동추가 @Setter // s..