목록인턴일기/쇼핑몰 프로젝트 (7)

IT 성장 일기

[Spring]쇼핑몰프로젝트04 - 로그인화면 모달로 구현하기(다른 페이지를 모달로 불러오기)

지난 시간에는 회원가입 페이지를 완성했다. 회원가입 양식을 작성할 때 서식과 같은 유효성을 검사하는 기능을 구현하였고, ajax를 사용하여 가입하고자 하는 아이디를 입력하는 동시에 중복성여부도 검사하는 기능을 구현했다. 2022.10.08 - [인턴일기/쇼핑몰 프로젝트] - [Spring]쇼핑몰프로젝트03 - ajax로 아이디중복검사, 회원가입 페이지 유효성검사 [Spring]쇼핑몰프로젝트03 - ajax로 아이디중복검사, 회원가입 페이지 유효성검사 2022.10.07 - [분류 전체보기] - [Spring]쇼핑몰프로젝트02 - 회원가입 기능 구현 [Spring]쇼핑몰프로젝트02 - 회원가입 기능 구현 2022.10.06 - [인턴일기/쇼핑몰 프로젝트] - [Spring]쇼핑몰프로젝트01 - 메인,.. ..
인턴일기/쇼핑몰 프로젝트 2022. 10. 9. 22:42
[Spring]쇼핑몰프로젝트03 - ajax로 아이디중복검사, 회원가입 페이지 유효성검사

2022.10.07 - [분류 전체보기] - [Spring]쇼핑몰프로젝트02 - 회원가입 기능 구현 [Spring]쇼핑몰프로젝트02 - 회원가입 기능 구현 2022.10.06 - [인턴일기/쇼핑몰 프로젝트] - [Spring]쇼핑몰프로젝트01 - 메인, 로그인, 회원가입페이지 만들기 [Spring]쇼핑몰프로젝트01 - 메인, 로그인, 회원가입페이지 만들기 여러가지 페이지를 구현 step-by-step-noah.tistory.com 회원가입이 정상적으로 DB에 insert 되는 것을 확인했으니 joinForm 회원가입 양식에서 아이디중복확인(ajax로 구현)과 입력시 유효성 검사 기능을 구현하고자 한다. 1. 아이디 유효성 검사 ajax 사용 joinForm에서 javascript 태그 안에 아래 코드를 ..
인턴일기/쇼핑몰 프로젝트 2022. 10. 8. 17:10
[Spring]쇼핑몰프로젝트02 - 회원가입 기능 구현

2022.10.06 - [인턴일기/쇼핑몰 프로젝트] - [Spring]쇼핑몰프로젝트01 - 메인, 로그인, 회원가입페이지 만들기 [Spring]쇼핑몰프로젝트01 - 메인, 로그인, 회원가입페이지 만들기 여러가지 페이지를 구현하기전에 각각의 페이지로 이동할 수 있는 메인페이지를 먼저 구현해 놓으면 편하다. 따라서 가장 먼저 메인 페이지를 구현했다. CSS에 큰 공을 들이지는 않을 것이라서 b step-by-step-noah.tistory.com 전에 완성해 놓은 메인페이지, 로그인페이지, 회원가입 페이지에 이어 가입하기를 눌렀을 로그인 혹은 회원가입이 기능을 구현하고자한다. 1. 테이블 생성 2.MemberMapper.xml 추가하기 이때 namespace는 연결하고자하는 Mapper인터페이스의 경로를 적..
인턴일기/쇼핑몰 프로젝트 2022. 10. 7. 11:57
[Spring]쇼핑몰프로젝트01 - 메인, 로그인, 회원가입페이지 만들기

여러가지 페이지를 구현하기전에 각각의 페이지로 이동할 수 있는 메인페이지를 먼저 구현해 놓으면 편하다. 따라서 가장 먼저 메인 페이지를 구현했다. CSS에 큰 공을 들이지는 않을 것이라서 bootstrap의 무료 템플릿을 사용했다. -부트스트랩 템플릿 제공처 https://startbootstrap.com/ Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap Landing Page A clean, functional landing page theme startbootstrap.com 사용한 템플릿이다. https://startbootstrap.com/previews/shop-homepage 여기서 해당템플릿을 header와 f..
인턴일기/쇼핑몰 프로젝트 2022. 10. 6. 16:29
[Spring]스프링MVC프로젝트02-프로젝트 생성 및 설정 3(커넥션 풀HikariCp)

1.커넥션 풀 설정 1-1.본인 자바 버전에 맞는 것 복사하기 https://github.com/brettwooldridge/HikariCP GitHub - brettwooldridge/HikariCP: 光 HikariCP・A solid, high-performance, JDBC connection pool at last. 光 HikariCP・A solid, high-performance, JDBC connection pool at last. - GitHub - brettwooldridge/HikariCP: 光 HikariCP・A solid, high-performance, JDBC connection pool at last. github.com 1-2.라이브러리에 추가하기: pom.xml 1-3.Dat..
인턴일기/쇼핑몰 프로젝트 2022. 10. 5. 20:40
[Spring]스프링MVC프로젝트02-프로젝트 생성 및 설정 2(JDBC 연결)

1.JDBC연결 및 테스트(MySQL) 본인이 설치한 MySql버전과 동일하게 pom.xml에 추가 2.JDBC테스트해보기 2-1. src/test/resource에 .persistence 패키지 생성 -> New->class 여기서 3306/본인DB에 사용할 스키마이름?serverTimezone=Asia/Seoul, 계정이름, 비밀번호 입력. 2-2.프로젝트우클릭->Run As -> JUnit Test 실행 2-3 결과 확인
인턴일기/쇼핑몰 프로젝트 2022. 10. 5. 18:56
이전 Prev 1 2 Next 다음