웹 개발 지식 블로그

저번시간에 비밀번호, 비밀번호 확인, 이메일 유효성 검사를 진행하였다. (2019/05/02 - [웹 개발/EgovFramwork] - 전자정부 프레임워크로 회원가입 기능 구현하기 - 비밀번호 유효성, 이메일 유효성 검사) 이번시간에는 휴대폰 번호, 성별, 이메일 수신여부, SMS 수신여부 유효성 검사를 진행할 것이다. 소스코드 비밀번호 유효성 검사 같은 경우 aphpanum.js 플러그인을 다운 받아 이용하였다. (다운받은 alphanum.js 플러그인을 head 태그에 추가) 또한 휴대폰 input 태그를 타겟으로 잡기위해 휴대폰 번호를 입력하는 input 태그의 class 속성에 "phoneNum" 값을 추가시켰다. alphanum.js를 통해 휴대폰 번호를 입력하는 input 박스에 숫자 외의 다..

저번시간까지 아이디 유효성, 아이디 중복 체크를 진행하였다. (2019/04/29 - [웹 개발/EgovFramwork] - 전자정부 프레임워크로 회원가입 기능 구현하기 - 아이디 유효성 검사-1 2019/04/29 - [웹 개발/EgovFramwork] - 전자정부 프레임워크로 회원가입 기능 구현하기 - 아이디 유효성 검사-2) 이번시간에는 비밀번호 유효성, 비밀번호 중복 검사, 이메일 유효성 검사를 진행할 것이다. 소스코드 아래의 두 메소드(pwdChkFn, emailChkFn 을 지난 시간에 생성한 joinMbrInput 객체 내부에 추가하였다. 또한 유효성을 종합적으로 검사하는 joinSubmitFn 메소드를 추가하였다. joinSubmitFn 메소드는 sign in 버튼 클릭 시 호출되는 메소드..

이전 글에서 클라이언트 부분에서의 아이디 유효성 검사를 진행하였다. (2019/04/29 - [웹 개발/EgovFramwork] - 전자정부 프레임워크로 회원가입 기능 구현하기 - 아이디 유효성 검사-1) 이번에는 클라이언트 쪽에서 보낸 Ajax 요청을 서버쪽에서 컨트롤러로 받아 Ajax로 받아온 데이터를 서비스, 맵퍼로 전달하고 DB에서 쿼리를 수행하여 중복된 아이디가 있는지 검사할 것이다. URL 요청과정 위와 같이 화면에서 아이디를 입력하고 아이디 중복 확인 버튼을 누를 시 쿼리 스트링으로 loginId 데이터를 가지고 get 요청을 하게 된다. (http://localhost:8080/registerExample/selectDupIdChk.do?loginId=spring123 -> 요청 URL은 ..

이전 글에서 회원가입 화면을 띄워 보았다. (2019/04/18 - [웹 개발/EgovFramwork] - 전자정부 프레임워크로 회원가입 기능 구현하기 - 회원가입 폼 고르고 첫화면 띄우기) 회원가입을 구현할 때 필수적으로 해야되는 작업이 유효성 검사이다. 유효성 검사는 클라이언트, 서버 쪽 두 군데에서 모두 해주어야 한다. 이번에는 먼저 클라이언트 부분의 아이디 유효성 검사를 구현해 보려고 한다. 아이디 유효성 검사 먼저 아이디는 중복될 수 없으므로 아이디 중복 검사를 실시할 것이다. 아이디는 DB에 저장되기 때문에 서버를 거쳐야 한다. 서버와 통신하기 위해 AJAX 방식으로 입력한 ID 데이터만을 서버로 전달하고 아이디 존재여부 결과를 JSON 데이터로 서버를 통해 반환받을 것이다. 아이디 중복체크 ..

회원가입 폼을 어떤 것으로 할 지 구글링 하다가 한 사이트를 발견하였고... 출처 -> https://huskdoll.tistory.com/104 작성자 분께서 필요한 사람 참고 하라고 올려주신 회원 가입 폼이다. 부트스트랩을 사용한 구성이며 깔끔해 보여 바로 이것으로 선택하였다. 잘쓰겠습니다 :) 나의 프로젝트로 돌아가 webapp 폴더의 WEB-INF 폴더를 열고... ※ 첫 화면이 띄워지는 과정 1. 톰캣이 켜지고 "localhost:8080/프로젝트명" 요청 수행 시 web.xml의 에 적혀있는 index.jsp를 향하게 됨. 2. index.jsp에 적혀있는 jsp:forward의 page 속성의 값으로 들어가 있는 논리적 주소와 @RequestMapping 의 value 속성 값으로 들어가있는..

위의 창에서 Generate Example 체크박스 클릭하고 Finish 버튼 클릭하면 전자정부프레임워크에서 요구하는 최소한의 설정이 포함된 파일들이 기본적으로 추가 된 프로젝트가 생성됨. 앞으로 이렇게 만들어진 프로젝트를 이용해 회원가입 기능을 구현할 예정.