본문 바로가기

프로젝트/프로젝트1_스터디그룹

기능 구현1-회원가입, 아이디찾기, 비밀번호찾기, 로그인(2.기능 구현)

  • Category 목록 DB로 부터 DB로부터 받아와서 회원가입시에 카테고리 목록 보여주기
    (처음에 AJAX으로 하려했는데, 그냥 페이지 나올 때 값을 넘겨주면 되는거라서 Model로 전달하여 출력)
  • ID 중복체크 (DB로 부터 count(*)해서) -Ajax
  • 아이디 찾기(이름, 생년월일 or 이름, 이메일 입력시 알려주기
  • 아이디, 비밀번호, 이메일, 전화번호 정규표현식
  • 이름과 생년월일 확인을 통한 아이디 찾기(Ajax)
    http://blog.naver.com/PostView.nhn?blogId=vnemftnsska2&logNo=221418658971&from=search&redirect=Log&widgetTypeCall=true&directAccess=false
  • 아이디 찾기 후 로그인 화면으로 이동
  • 로그인 완료시 메인화면 변경
  • 회원가입시 등록한 email을 통한 인증 (비밀번호 찾기할 때 이용)
    https://kimvampa.tistory.com/105?category=771727
  • 정규표현식 자바스크립트로 적용시키는 문법까지 정리하기(javascript, html)
    https://10study.tistory.com/7?category=806520
  •  
  • 구글 or 네이버 or 카카오 연동 회원가입
  • Spring security 공부 해놓고 나중에 적용시키기

21.05.12 한 일

  • 아이디, 비밀번호, 이메일, 전화번호 정규표현식 (적용 정해놓기만)
  • Category 목록 DB로 부터 DB로부터 받아와서 회원가입시에 카테고리 목록 보여주기
    (처음에 AJAX으로 하려했는데, 그냥 페이지 나올 때 값을 넘겨주면 되는거라서 Model로 전달하여 출력)
    - jstl(c:forEach) 이용
  • ID 중복체크 (DB로 부터 count(*)해서) -Ajax

21.05.17 한 일

  • 새로운 DB 수정(UserVO, StudyNoteVO)
  • 이름과 생년월일 확인을 통한 아이디 찾기

21.05.18 한 일

  • Ajax이용하여 email 주소 Controller로 보내고
  • 메일로 인증번호 받아서 확인하기

1.정규표현식

 

아이디 : [a-zA-Z_][a-z][A-Z0-9_]{1,9} (영문자or _로 시작, 영문자 숫자 _ 이용가능 10자이내)

비밀번호 : 

전화번호 : [0-9]{2,3}[-. ][0-9]{3,4}[- .][0-9]{4}

이메일 : [a-z]+[a-zA-z0-9.+-]+@[a-z.]+\.[a-z]+

 

 

https://upcake.tistory.com/142

 

1. Ajax 기초 문법

https://github.com/upcake/Class_Examples 교육 중에 작성한 예제들은 깃허브에 올려두고 있습니다. gif 파일은 클릭해서 보는 것이 정확합니다.  - Ajax : Asynchronous JavaScript and XML  - 비동기적 자바..

upcake.tistory.com

https://lifejusik1004.tistory.com/entry/Spring-%EC%8A%A4%ED%94%84%EB%A7%81-RequestBody-ResponseBody-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

 

[Spring] 스프링 @RequestBody, @ResponseBody 사용하기

@RequestBody, @ResponseBody 어노테이션을 사용하면 컨트롤러에서 JSON 데이터를 주고받을 수 있습니다. @RequestBody로 JSON 정보 받기 JSON 형태의 정보를 Map과 커맨드 객체로 변환하기 위해 jackson 라이브러.

lifejusik1004.tistory.com

2. Ajax (서버와 연동 정리) url(.json),dataType

url, type, dataType, data, success:function(result status, xhr){}, error(resul
JSON.stringify(자바스크립트객체) : 서버에서 자바 스크립트 객체를 받기 위해,
input이나 form으로 가져온 데이터 name(키값)=값으로 $("선택자").serialize()으로 서버로 전달하여 @requestParam("키값") 타입 변수 로 매개변수로 서버에서 받을 수 있다?

@responseBody : return 타입에 맞게 json 객체 형태로 client한테 리턴 시킨다. ,

@requestBody : 클라이언트로 부터 받은 JSON정보를 Map(키:value)형태로 자동으로 변환되어 해당 변수에 저장된다. (클라이언트에서 Ajax요청시 data는 JSON.stringify(자바스크립티객체)이고, contentType="application/json"이어야 한다.)

 

3. SPRING의 리턴 타입

(Ajax일 때랑 jsp일 때)

or
@Responsebody 유무? @ResponseBody가 있으면 클라이언트에게 return되는 값을 JSON형태로 보내준다.
(아래의 dependency 있으면)

4. 메일연동 (library 두 개 추가, root-context.xml 수정, 해당메일 보안 낮은 등급으로 설정?? 해놓기)