본문 바로가기

BackEnd/Spring13

[Spring] Ajax 사용하여 회원 등급 조정하기 결과화면 (1) 회원등급 조정 HTML5 아이디 이름 가입일 등급 삭제 ${m.sm_id } ${m.sm_name } ${m.sm_joindate } ${m.sm_grade } JavaScript(jQuery, Ajax) //회원 등급 $(".gradeBtn").click(function(){ var btn = $(this).attr("name"); var sm_id = $(this).parent().siblings("#sm_id").text(); var sm_grade = $(this).siblings("#sm_grade").text(); if(sm_grade == "0" && btn == "down"){ alert("더이상 등급을 내릴 수 없습니다."); return false; } if(sm_gra.. 2021. 10. 7.
Spring 회원가입양식 만들기(Ajax를 활용한 비동기 방식)(4) - 목차 - (1) 이용약관 및 개인정보 취급방침 (2) 유효성 검사 회원가입시 가입자가 모든 양식에 정상적으로 입력을 했는지, 서비스를 제공하는 사람, 즉 관리자가 원하는 정보를 모두 입력을 했는지 확인하는 검사는 회원가입에서 어떻게 보면 가장 중요한 기능이라고 생각합니다. 앞서 아이디 중복검사, 이메일 인증, 문자 인증을 진행하며 인증 완료시 값을 readonly로 바꾸는 작업도 어떻게 보면 일종의 유효성 검사라고 볼 수 있습니다. 가입자가 인증 후에 다른 정보로 바꿔치기 한다면 큰일 나니깐요...ㅎㅎ 그리고 개인 정보를 저장하는 만큼 가입자의 개인 정보를 저장 및 사용한다는 내용 또한 있어야겠죠? 이용약관과 개인정보 취급방침등 법적으로 문제가 생기지 않으려면 최초 가입시 이와 관련된 정보를 가입자에.. 2021. 9. 13.
Spring 회원가입양식 만들기(Ajax를 활용한 비동기 방식)(3) - 목차 - (1) 핸드폰 문자인증 시작전 준비해야되는 것들 coolsms 회원가입 문자 인증을 하기 위해서 가장 쉽게 접근할 수 있는 부분이 API를 이용한 접근이라고 생각합니다.(무료로 발송하는 방법을 찾아 해보려고 했지만 세상에 꽁짜는 없죠...ㅠㅠ) coolsms에 회원가입을 하면 300포인트 정도를 무료로 주는데 간단하게 문자 인증 체계를 테스트해보기에는 충분하다고 봅니다.(문자 발송시 1건당 20포인트가 차감되고 보유 포인트가 없을 시 서비스가 중단되기 때문에 자동 결제 계좌만 연동 시켜놓지 않으면 과금 문제는 없습니다.) pom.xml ※(Spring에서 문자 서비스를 사용하기 위해 추가할 maven은 아래와 같습니다.) net.nurigo javaSDK 2.2 이제 필요한 것들은 모두 준비.. 2021. 9. 13.
Spring 회원가입양식 만들기(Ajax를 활용한 비동기 방식)(2) - 목차 - (1) 이메일 인증(with naver) 시작전 준비해야되는 것들 네이버 네이버 메일을 사용하여 인증 기능을 만드는 것이기 때문에 네이버에서 SMTP사용 설정 및 만일의 경우를 대비한 보안 설정을 해줍니다. 보안 설정은 내정보 > 보안설정에서 새로운 기기 로그인 알림을 ON으로 해줍니다.(해도되고 안해도되고) 그 다음 네이버 메일로 들어가 좌측 하단에 있는 환경설정에서 POP3/IMAP 설정 > 들어오면 두가지 설정창이 있는데 여기서 둘다 사용한다고 바꿔놓으시면 됩니다. pom.xml ※(Spring에서 email 서비스를 사용하기 위해 추가할 maven은 아래와 같습니다.) javax.mail javax.mail-api 1.5.5 javax.mail mail 1.4.7 com.sun.mai.. 2021. 9. 6.
Spring 회원가입양식 만들기(Ajax를 활용한 비동기 방식)(1) - 목차 - (1) 이름(닉네임) 중복 검사 (2) 아이디 중복 검사 (3) 비밀번호 확인 pom.xml ※(Spring에서 Ajax를 사용하기 위해 추가할 maven은 아래와 같습니다.) com.fasterxml.jackson.core jackson-databind 2.12.3 com.fasterxml.jackson.core jackson-core 2.12.3 com.fasterxml.jackson.core jackson-annotations 2.12.3 (1) 이름(닉네임) 중복 검사 HTML5 이 름 이름은 2자 이상 8자 이하로 설정해주시기 바랍니다. ※nameDoubleChk은 유효성 검사를 하기 위해 추가하였습니다. JavaScript(jQuery) $("#username").blur(func.. 2021. 9. 2.
반응형