목록KDT 풀스택 국비 과정/파이널 프로젝트(미니) (23)

INTP의 멋대로 개발 세상

[📚상품 구매 사이트 5단계] 구매자 - JavaScript를 이용해서 회원가입 시 아이디 중복체크, 유효성 검사하기

3-4단계에서는 유효성 체크를 세세하게 하지 않아서, 아무렇게나 가입이 가능했다. 이번 포스팅에서는 이전에 상품명 중복확인 한 걸 회원가입에도 적용해 보고 3부분 다 글자 사이 공백은 허용하지 않도록, 아이디는 영어만 쓰도록, 이메일 형식을 지키도록 만들어 보려고 한다! 사실 input 태그에 required(붙이면 공백 불가) 를 붙이거나 type을 지정해 놓으면 어느 정도의 유효성 체크는 된다. 하지만 required는 전체 공백을 막아주는 것이지 글자 사이의 공백을 막는 것은 아니며, type 속성에 영어만 쓰도록 하는 것은 없기 때문에! 이 부분을 자바스크립트로 처리해 보자!😋 (기록용으로 작성했다. 이 포스팅의 코드들은 뒤에서 대부분 다 수정되므로 직접 사용하지는 말자!!) 📺 화면 설계📺 jo..
KDT 풀스택 국비 과정/파이널 프로젝트(미니) 2023. 5. 9. 12:45
[📚상품 구매 사이트 5단계] 구매자/관리자 - 마이페이지, 회원정보수정하기, 탈퇴하기 기능 만들기

이번에는 마이페이지를 만들 것이다. 마이페이지에는 회원정보를 수정과 탈퇴 기능을 추가할 것이당😏 (유저 이름은 수정 불가하고 비밀번호랑 이메일만!) (탈퇴하기를 누르면 DB에서 정보가 없어짐과 동시에 세션을 초기화 시켜서 로그인을 다시 해야 홈페이지 이용가능!!) ⏬ 5단계 깃 허브 보러가기 (전체 코드) ⏬ GitHub - JungminK1m/Springboot-Product-Study-V5 Contribute to JungminK1m/Springboot-Product-Study-V5 development by creating an account on GitHub. github.com 🎤 코드 리뷰 🎤 1. 헤더에 마이페이지 추가 이전 게시글에도 썼었지만😥😥😥 마이페이지와 로그아웃은 role('USER..
KDT 풀스택 국비 과정/파이널 프로젝트(미니) 2023. 4. 27. 21:55
[📚상품 구매 사이트 5단계] 관리자 페이지 - 유저의 구매목록 보기

이전의 유저목록(유저관리) 페이지에서는 구매자, 관리자가 모두 페이지에 떴다. 구매자이든 관리자이든 하나의 user 테이블에 속해있기 때문에 findAll 메서드를 사용하니 둘 다 뜬 것이다. 이번에는 유저의 구매목록을 만들어 보자.😋😋 ⏬ 5단계 깃 허브 보러가기 (전체 코드) ⏬ GitHub - JungminK1m/Springboot-Product-Study-V5 Contribute to JungminK1m/Springboot-Product-Study-V5 development by creating an account on GitHub. github.com 📺 화면 설계📺 header.jsp adminOrdersList.jsp 기존의 ordersList는 구매자 본인의 주문 목록이고, adminOrd..
KDT 풀스택 국비 과정/파이널 프로젝트(미니) 2023. 4. 27. 16:50
[📚상품 구매 사이트 5단계] 관리자 페이지 - 유저 목록보기, 유저 삭제하기

5단계는 관리자 페이지를 위주로 기능을 추가한다. 오늘은 유저관리 페이지를 만들어 보자😃 ⏬ 5단계 깃 허브 보러가기 (전체 코드) ⏬ GitHub - JungminK1m/Springboot-Product-Study-V5 Contribute to JungminK1m/Springboot-Product-Study-V5 development by creating an account on GitHub. github.com 📺 화면 설계📺 header.jsp userList.jsp 🎤 코드 리뷰 🎤 ADMIN 로그인 헤더에 유저관리 메뉴를 추가해 준다! 유저 목록 페이는 관리자만 접근 가능하도록 해 주었고, findAll 메서드를 통해서 DB에 있는 유저값들을 List 타입으로 받았다. 이걸 model에 "use..
KDT 풀스택 국비 과정/파이널 프로젝트(미니) 2023. 4. 27. 11:22
[📚상품 구매 사이트 4단계] MySQL DB 연결 없이 관리자 페이지 구현하기 - 5. 구매자 로그인/회원가입 유효성 체크 추가

3단계 구매자 서버에서는 예외처리는 했지만 유효성 체크는 하지 않아서 4단계에 추가해 주었다. 위 사진 3장은 한 번의 체크로 퉁칠 수도 있지만(?) 나는 정확하게 잘못한 걸 알려줬음 좋겠어서 다 따로 만들었다 ㅋㅋㅋ💨😋 ⏬ 4단계 프로젝트 세팅 보러가기 (전체 코드) ⏬ [연습📚상품 구매 사이트 4단계] MySQL DB 연결 없이 관리자 페이지 구현하기 - 1. 프로젝트 세팅 ⏬전체 코드는 아래의 깃 허브에😚⏬ GitHub - JungminK1m/Springboot-Product-Study-V4 Contribute to JungminK1m/Springboot-Product-Study-V4 development by creating an account on GitHub. github.com 드디어 5단계..
KDT 풀스택 국비 과정/파이널 프로젝트(미니) 2023. 4. 27. 09:18
[📚상품 구매 사이트 4단계] MySQL DB 연결 없이 관리자 페이지 구현하기 - 4. 관리자 상품 등록하기, 수정하기, 삭제하기

유저와 관리자로 권한을 나누었다. 상품을 등록, 수정, 삭제하는 기능은 관리자에게만 주어져야 하기 때문에 컨트롤러에서 해당 기능마다 principal의 role을 체크해 주어야 한다. 이전 단계에서 JSP 화면 상으로는 권한 구분을 해 놓았지만 URL이나 포스트맨 등을 이용해서 접근할 수도 있기 때문에 컨트롤러에서도 한 번 더 막아주는 차원! 판매자의 기능은 1,2단계에 구현되어 있는 걸 가져왔다. 단계를 거쳐오면서 바뀐 데이터의 이름과 권한 체크 코드만 추가되었다. ⏬ 구매자 기능 구현 보러가기 ⏬ GitHub - JungminK1m/Springboot-Product-Study-V1-V2 Contribute to JungminK1m/Springboot-Product-Study-V1-V2 developm..
KDT 풀스택 국비 과정/파이널 프로젝트(미니) 2023. 4. 26. 16:58
이전 Prev 1 2 3 4 Next 다음