순서 1. 인증 번호(난수) 생성 2. 인증 번호 이메일 전송 3. 인증 번호 뷰(회원 가입 페이지)로 전송 1. 인증번호(난수) 생성 인증 번호로서 숫자 6자리를 사용할 것이고, 이를 위해서 JAVA에서 제공하는 Random객체를 사용했습니다. '자바 난수 생성'과 같은 키워드를 검색하시면 'for문을 이요한 난수 생성', '문자를 포함한 난수 생성'등 여러 가지 방법이 검색됩니다. 제가 참고한 블로그에선 단순히 기능을 구현하는 것이 목표였기 때문에 random 함수에서 생성하는 숫자를 바로 사용했습니다. 1-1 Random 클래스를 이용하여 객체 변수 random을 선언 /* 인증 번호(난수) 생성 */ Random random = new Random(); 1-2 random.nextInt()함수를 ..
순서 1. 이메일 전송 환경 세팅 2. 인증번호 입력란 색상 변경 및 disabled 속성 추가 3. 이메일 전송 메서드 추가(JavaScript) 4. controller 메서드 추가 1. 이메일 전송 환경 세팅 1-1 pom.xml 설정(라이브러리 추가) pom.xml에 아래의 두 개 라이브러리를 추가해줍니다. javax.mail mail 1.4.7 org.springframework spring-context-support ${org.springframework-version} 1-2 mailSender Bean 등록 제가 참고한 블로그에선 '메일 서버에 계정 인증 후 메일을 전송하는 방법'을 택했고, 이용한 이메일은 네이버 이메일이었기 때문에 네이버 이메일로 했습니다. root-context.xm..
순서 1. 태그 추가 2. 아이디 중복검사 메서드 작성 및 테스트(JavaScript) 3. AJAX 작성 4. controller 작성 5. mapper / service 작성 6. AJAX success 작성 7. 최종 테스트 1. 태그 추가 사용 가능한 아이디입니다. 아이디가 이미 존재합니다. join.css에 아래의 코드를 추가해줍니다. /* 중복아이디 존재하지 않는경우 */ .id_input_re_1{ color : green; display : none; } /* 중복아이디 존재하는 경우 */ .id_input_re_2{ color : red; display : none; } 2. 아이디 중복검사 메서드 작성 및 테스트(JavaScript) join.jsp 하단의 태그에 아래의 코드를 추가해줍..
순서 1. Mapper에 추가한 쿼리문 테스트(MemberMapperTests.java) 2. MemberService.java 추가 3. MemberController.java 회원가입 메서드 추가 4. join.jsp 1. Mapper에 추가한 쿼리문 테스트(MemberMapperTests.java) src/test/java 경로에 패키지 com.swan.mapper를 추가해준 후 MemberMapperTests.java 클래스를 만들어줍니다. 아래와 같이 코드를 추가해준 후 테스트를 진행합니다. package com.swan.mapper; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.beans.f..
순서 1. 데이터베이스 테이블 생성 및 VO 생성 1) Oracle 2) VO 생성 2. MemberMapper.xml 추가 1) insert 쿼리문 테스트 및 관리자 아이디 만들기 2) mapper.xml 작성 3. MemberMapper.java 인터페이스 추가 1. 데이터베이스 테이블 생성 및 VO 생성 회원 가입 기능 구현을 위해 기본적으로 필요한 회원 테이블(member)과 회원 테이블의 VO(Value Object)를 생성합니다. 회원 테이블 명은 member이고, VO 명은 MemberVO입니다. 1) Oracle 테이블 생성 -------------------------------------------------- ------------- MEMBER 관련 ------------------..
순서 1. 로그인, 회원 가입 페이지 제작 2. 로그인, 회원 가입 페이지 Controller 설정 로그인, 회원 가입 페이지 제작 로그인과 회원 가입 페이지의 이름은 각각 login.jsp, join.jsp로 정했습니다. 회원과 관련된 페이지를 체계적으로 관리하기 위해 src/main/webapp/WEB-INF/views 경로에 member 폴더를 추가한 후 해당 경로에 login.jsp, join.jsp를 생성합니다. css 또한 src/main/webapp/resources/css 경로에 login 폴더를 추가한 후 login.css, signup.css를 추가하였습니다. 다음은 jsp, css 파일 코드입니다. login.jsp SWAN 아이디 이름 이름을 입력해주세요. 이메일 인증번호 전송 이메..
순서 1. 메인 페이지 제작 2. 메인 페이지 Controller 설정 1. 메인 페이지 제작 1) css 폴더 및 images 폴더 생성 저는 css 파일을 jsp와 분리했기 때문에 src/main/webapp/resources아래 css 폴더를 만들었습니다. 해당 경로 아래 home 폴더를 생성하고 메인 페이지에 해당하는 css 만들었습니다. 또한 메인 페이지에서 보일 이미지를 저장 하는 src/main/webapp/resources아래 images 폴더를 생성했습니다. 2) src/main/webapp/WEB-INF/lib 폴더에 JSTL 사용을 위한 jar 파일 삽입 3) 메인 페이지인 swan.jsp 생성 제 프로젝트의 메인 페이지 이름은 swan.jsp입니다. swan.jsp를 src/main..
프로젝트의 핵심 기능 1. 회원가입(주소 API 연동, 이메일 인증, AJAX를 통한 아이디 중복 검사, 비밀번호 인코딩, 회원가입 유효성 검사) 2. 로그인 3. 아이디 찾기 4. 비밀번호 찾기 5. 로그아웃 6. 마이페이지(내 정보 보기, 내 정보 수정, 비밀번호 수정, 회원 탈퇴) 7. 관리자 페이지(인터셉터 적용, 상품관리, 회원관리, 주문관리, 문의사항 관리) 8. 업로드(이미지 등록, 수정, 삭제) 9. 조건 검색 + 메인화면 nav 기능 10. 장바구니(인터셉터 적용, 추가, 수량 수정, 삭제) 11. 구매(아임 포트 API 연동, 목록, 상세 페이지) 12. 상품(목록, 상세 페이지) 13. 리뷰(등록, 체크, 페이징, 수정, 삭제, 상품 평균 평점 반영) 14. 메인 화면 평점 순 상품 ..
프로젝트 명 SWAN 수행 기간 2022년 06월 21일 ~ 2022년 07월 13일 개발 목표 인터넷 상에서 여성 질환이나 성과 관련된 정보 및 제품 등을 검색해보면, ‘청소년에게 노출하기 부적합한 검색 결과’라는 주의 사항과 함께 광고성 정보들이 나오는 것을 확인할 수 있습니다. 이처럼 모든 세대의 여성들은 자신들이 필요한 정보를 얻지 못하는 경우가 대다수입니다. 이러한 문제점들을 개선하고 여성들에게 편리함을 제공하고자 여성 향 쇼핑몰을 기획하기로 했습니다. 구현 기능 로그인, 로그아웃, 회원가입, Ajax를 통한 아이디 중복 체크, 비밀번호 인코딩, 회원가입 유효성 검사, 마이페이지 내 정보 보기, 마이페이지 내 정보 수정, 마이페이지 비밀번호 수정, 마이페이지 내 정보 수정, 마이페이지 비밀번호 ..
