JavaScript27 10. 회원 관리 ④ (아이디비밀번호찾기, 회원 탈퇴) ○ 아이디 비밀번호 찾기 ① 아이디/비밀번호 찾기 과정 설명 1) 이름과 이메일을 입력받아서 일치가 되면 2) 임시 비밀번호를 발급해서 - 대문자, 소문자, 숫자를 이용해서 랜덤하게 10글자 - 생성된 임시 비밀번호를 테이블에서 수정하기 3) 아이디와 임시 비밀번호를 이메일로 전송하기 4) 임시비밀번호로 로그인 한 후, 5) 본인이 회원 정보 수정에서 비밀번호를 수정한다 ② DAO : MemberDAO.java → findID() public boolean findID(MemberDTO dto) { boolean flag=false; try { con=dbopen.getConnection(); sql=new StringBuilder(); //이름과 이메일이 일치하는 id 가져오기 sql.append(" .. 2022. 9. 20. 09. 회원 관리 ③ (회원가입, 다음 우편번호 API) ○ 회원가입 ① DAO : MemberDAO.java (참고: 회원 관리 ① DTO, DAO) - duplecateID() , duplecateEmail() : 아이디, 이메일 중복확인 public int duplecateID(String id) { int cnt=0; try { con=dbopen.getConnection();//DB연결 sql=new StringBuilder(); sql.append(" SELECT COUNT(id) AS cnt "); sql.append(" FROM member "); sql.append(" WHERE id=? "); pstmt = con.prepareStatement(sql.toString()); pstmt.setString(1, id); rs = pstmt.exe.. 2022. 9. 19. 01. AJAX (jQuery AJAX 관련 메소드, $.ajax()함수, $.get() 함수, $.post 함수) ○ AJAX (Asynchronous JavaScript And XML) - 웹페이지 전체를 reload하지 않고, 일부분만 새로고침 - 비동기식 통신(문자단위 통신) - 전체 페이지는 1번만 불러오고, 그 이후에는 문자단위(비동기)로 통신이 이루어 진다 - 자바스크립트의 XMLHttpRequest객체를 이용하지만, 사용문법이 복잡해서 jQuery 오픈소스의 ajax() 함수를 많이 이용한다 ○ AJAX - 페이지 새로고침 없이 서버에 요청 - 서버로부터 데이터를 받고 작업을 수행 ○ jQuery AJAX 관련 메소드 - $.ajax() - $.get() - $.post() - 응답받은 메시지를 처리하는 함수를 callback함수라 한다 ○ $.ajax() 함수 - 형식) $.ajax()({name:va.. 2022. 6. 28. 22. JavaScript, 총정리 (회원가입) ○ JavaScript - JavaScript (또는 jQuery)를 사용하는 이유 ① Frontend(UI, View)단에서 서로 다른 문법(이종)간의 데이터를 교류하기 위해 ② 데이터의 유효성을 검증하기 위해 ○ JavaScript를 이용한 회원가입 폼 1) 회원가입 폼 회원가입 아이디 : 비밀번호 : 주민번호 : - 약관동의 : 2) JavaScript ① 에 접근해 보기 // 1) 의 컨트롤요소 접근시 name 사용(비추) alert(document.memfrm.uid.value); // 2) 의 컨트롤요소 접근시 id 사용(추천) alert(document.getElementById("uid").value); //text에 입력한 내용이 value // 3) tag name으로 접근 (본문에서 .. 2022. 6. 21. 21. JavaScript, style접근 ○ 자바스트립트에서 스타일 접근 - 참고 : jQuery에서 스타일 접근 대한민국 1) 순수 자바스크립트 접근 : document.getElementById("요소의 id").style - document.getElementById("요소의 id").style.스타일속성 - 스타일에 접근해서 수정하기 2) jQuery에서 스타일 접근 : $("요소의 식별자").css() → 추천 2022. 6. 21. 20. JavaScript, this ○ this - 자기자신의 요소를 가리킴 (참조: jQuery this / 비교: JAVA this ) - 폼 컨트롤 요소에서만 사용 가능 - CSS, HTML, jsp 등 여러 언어를 혼용할 때 JavaScript가 중개자 역할을 함 이때, this는 접근경로를 단순화 해주기 위해 사용함 ○ this로 요소 접근하기 - this : 자신의 요소 - this.value : 자신의 요소가 가지고 있는 실제 값 - this.form : 자신의 요소가 속해 있는 폼 this - value="버튼1" - front단에서는 id, 서버에 전송되면 name으로 접근하는 것이 일반적 function test1(){ //1) name접근 var f=document.myform; alert(f); //[object HT.. 2022. 6. 20. 이전 1 2 3 4 5 다음
