![]()
➰ Ajax란? : JavaScript를 이용하여 비동기식으로 클라이언트와 서버가 데이터(XML)를 주고받는(통신) 방식 - 전체 페이지를 갱신하지 않고 일부분만 업데이트 가능 - 사용자에게 즉각적인 반응과 풍부한 UI 경험을 제공 가능 - ActiveX나 플러그인 프로그램 설치 없이 이용 가능 - JavaScript 방식, jQuery 방식으로 구현 가능 XML : DB 연결 동기 비동기 : 바뀌는부분에 서버와 통신해서 수정한다 (화면의 일부분만 바뀌는 경우) 📍 자바스크립트는 사용하기 복잡하기 때문에 jQuery를 사용한다 ➰ jQuery방식 Ajax란 : - $.ajax( url [, settings] ) jQuery에 내장되어 있는 Ajax 통신을 위한 가장 기본적인 함수 → URL은 무조건 있어..
📍 회원가입 유효성 검사 1. js 파일 생성 - jsp와 js 연결 하기 2. HTML 파일 * 아이디(이메일) 인증번호 받기 메일을 받을 수 있는 이메일을 입력해주세요. * 인증번호 인증하기 인증되었습니다. * 비밀번호 영어, 숫자, 특수문자(!,@,#,-,_)6~30글자 사이로 작성해주세요. * 닉네임 영어/숫자/한글 2~10글자 사이로 작성해주세요. * 전화번호 전화번호를 입력해주세요.(-제외) * 주소 검색 가입하기 3. JS 파일 전체 코드 /* signUp.js */ // 유효성 검사 여부를 기록할 객체 생성 const checkObj = { "memberEmail" : false, "memberPw" : false, "memberPwConfirm" : false, "memberNicknam..
![]()
📍 로그인관련 유효성 여부 확인 이메일, 비밀번호 입력하지 않고 로그인을 눌렀을때 알럿창 넣기 1. js 파일 생성 HTML 코드 1. onsubmit="return loginValidate()" 로그인 클릭 시 form 태그 제출 막고싶다! 두가지 방법 ! 1. button 타입을 button으로 지정 2. onsubmit 지정해서 false 값을 리턴하면 서버에 제출하지 않는다 ! 로그인 js 코드 console.log("main.js loaded"); //로그인 시 이메일(아이디)/비밀번호 입력 확인 //-> 미 작성 시 alert()이용해서 메세지를 출력하고 // 로그인 form태그의 제출을 막는 기본 이벤트 제거 진행 function loginValidate() {// 로그인 유효성 검사 //V..
2023.07.10 - [ON/Servlet] - 내 정보 보기 내 정보 보기에서, JSP 작성한 내정보에서 내정보수정을 할 것 이다. 내 정보 보기는(index.jsp에서) get 방식으로 가져왔고, 수정하기는 post 방식으로 가져왔다. http://localhost:8080/community/member/myPage/info(GET) http://localhost:8080/community/member/myPage/info(POST) 결국 주소가 같다 그렇다면 어떻게 주소를 작성하면되냐, : 맨 마지막 info만 작성하면 된다! 가고자하는 방향은 같은데 마지막 부분만 다르다. 1. JSP 주소 작성 : form action="info" 닉네임 전화번호 주소 검색 수정하기 2. 이클립스 (servle..
📌 마이페이지 내 정보 HTML 만들기 사이드메뉴 프로필 내정보 비밀번호 변경 회원 탈퇴 내정보 원하는 회원 정보를 수정할 수 있습니다. 닉네임 전화번호 주소 검색 수정하기 💡 address 값에 대해서 배열로 받았기에, 불러올 수 잇는 방법 value="${fn:split(loginMember.memberAddress,',,')} fn:splite(문자열,'구분자') 문자열을 구분자를 통해 쪼갤거야!
[요청흐름] 클라이언트 -> 요청 -> HttpServletRequest -> 필터 -> 요청처리 Servlet HttpServletResponse 생성 📌 비밀번호 암호화 로그인 회원가입 비밀번호 변경 회원 탈퇴 0. index.jsp ① 고객이 inputEmail / inputPw 입력 했다! servlet으로 가야하는데 ! filter을 만들어! 암호화 처리를 해준다. 로그인 1. 필터 만들기 클라이언트 > 요청 > HttpServletRequest 1. 암호를 가져올 수는 있지만 암호화 해서 다시 세팅하는 방법은 불가능 - 비밀번호는 HttpServletRequest에 담겨 있음 > 암호화를 진행하려고 하는데 필터에서는 불가능 2. wrapper 클래스를 이용해서 다시 세팅을 할 수 있다. - H..
📌 Cookie : 클라이언트(브라우저)에서 관리하는 파일 : 특정 주소 요청 시 마다 해당 주소와 연관된 쿠키 파일을 브라우저가 알아서 읽어옴 -> 읽어온 쿠키 파일 내용을 서버에 같이 전달 Cookie : 생성 및 사용 방법 서버가 요청에 대한 응답을 할 때 쿠키를 생성한 후 응답에 쿠키를 담아서 클라이언트에게 전달 응답에 담긴 쿠키가 클라이언트에 파일형태로 저장 이후 특정 주소 요청 시 쿠키 파일을 브라우저가 찾아서 자동으로 요청에 실어서 보냄 서버는 요청에 실려온 쿠키 파일을 사용함 // 쿠키 객체 생성 //Cookie c = new Cookie("클라이언트쪽에 저장될 쿠키 이름","쿠키내용"); Cookie c = new Cookie("saveId", inputEmail); //아이디 저장이 체..
webapp/index.jsp(웹페이지) Filter servlet service dao sql 📌 회원 가입 HTML 만들기 공지사항 자유 게시판 질문 게시판 FAQ 1:1 문의 * 아이디(이메일) 인증번호 받기 메일을 받을 수 있는 이메일을 입력해주세요. * 인증번호 인증하기 인증되었습니다. * 비밀번호 비밀번호가 일치하지 않습니다. * 닉네임 사용 가능한 닉네임 입니다. * 전화번호 전화번호 형식이 올바르지 않습니다. * 주소 검색 가입하기 Copyright ©KH Information Educational Institue M-Class 프로젝트 소개 | 이용약관 | 개인정보처리방침 | 고객센터 📌 회원 가입 CSS만들기 /* 회원가입 영역 */ .signUp-content{ display: fle..
