순서 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를 통한 아이디 중복 체크, 비밀번호 인코딩, 회원가입 유효성 검사, 마이페이지 내 정보 보기, 마이페이지 내 정보 수정, 마이페이지 비밀번호 수정, 마이페이지 내 정보 수정, 마이페이지 비밀번호 ..
Main Login 기존에 가입한 아이디와 비밀번호를 입력한 후 로그인을 클릭하면 메인 화면으로 이동합니다. 만약 가입되어 있지 않다면, 텍스트 형식의 회원가입 버튼을 눌러 회원가입 화면으로 이동합니다. SignUp 회원가입을 위해 사용자의 아이디, 비밀번호, 이메일을 입력한 후 회원 가입 버튼을 누릅니다. 회원 가입이 완료되면, 별다른 팝업 없이 로그인 화면으로 이동됩니다. Search 메인 화면에서 왼쪽 상단의 Search Bar를 클릭한 후 원하는 상품 키워드를 입력하면, 해당 상품과 관련된 검색이 가능합니다. 검색을 하면 해당 키워드가 포함된 상품들이 검색됩니다. 검색된 상품의 이미지를 클릭하면 상품 상세 페이지로 이동합니다. Product Detail 메인 화면 혹은 상품 리스트 화면에서 상품을..
