INTP의 멋대로 개발 세상

구매자 입장에서 상품 상세페이지를 들어가면 아래에 구매 수량을 입력할 수 있는 input 태그와 input에 입력한 값 만큼 구매가 되는 버튼을 만들고, 구매가 완료되면 나의 주문목록 페이지로 이동하는 기능을 만들 것이다. 단순히 구매 수량만 submit 하는 게 아니라 재고 수량 내에서 구매할 수 있게 하고, 0개나 음수는 구매 못하게 자바스크립트로 막아주어야 하고, 구매를 했을 때 실제 상품의 재고(QTY) 값도 구매한 수량 만큼 차감되어야 한다. 이를 구현하려면 구매를 위한 insert와 함께 product 테이블의 정보를 update 해 주어야 한다. 다소 번거롭고 생각도 해야하는 부분이어서 쇼핑몰 프로젝트의 핵심 기능이 아닐까 싶다!💪💪 나도 이번에 구매라는 기능을 처음 만들어 봐서 구현하는 데..

로그인을 완료하면 상품 목록 페이지를 띄워준다.🛒 지금까지는 화면에 단순 글자만 넣어준 상태였는데, 실제 DB와 연결해 주려고 한다! 📺 화면 구현📺 상품 목록 화면 상품 번호 상품 이름 상품 가격 상품 재고 ${status.count} ${p.productName} ${p.productPrice}원 ${p.productQty}개 상품 상세 화면 상품명 ${product.productName} 상품가격 ${product.productPrice}원 상품재고 ${product.productQty} 개 ProductController 블로깅하면서 알았는데.. 따로 DTO를 만들지 않았다. Model이랑 값이 똑같아서 바로 담은 거 같은데 Model이랑 같은 필드를 사용하더라도 꼭 DTO를 만드는 습관을 기르자..

📺 화면 구현📺 회원가입 화면 회원가입 회원가입 DTO 생성 나중에 알게된 건데.. 사용하지 않더라도 primary key는 넣어주자..! 안 넣어서 코드가 여러모로 복잡해졌었다..🤨 package shop.mtcoding.productapp_buyer.dto.user; import lombok.Getter; import lombok.Setter; @Getter @Setter public class JoinDto { private String userName; private String userPassword; private String userEmail; } Controller package shop.mtcoding.productapp_buyer.controller; import org.springfr..

더미 데이터가 있기 때문에 로그인 기능을 먼저 만들어 보자😏 나는 localhost:8080/ 주소를 로그인 화면으로 사용했다 (주소 입력하기 귀찮아서..) 📺 화면 구현📺 로그인 화면 로그인 아직 회원이 아니신가요? Header 헤더는 로그인 했을 때와 안 했을 때 차이를 두었다. 🤍쇼핑몰🛒 상품목록 로그인 상품목록 주문확인 로그아웃 Footer 심심해서(?) 푸터에 해당 프로젝트 깃허브 링크를 걸어놨다 👾 Created by JungminK1m 📞 010-1234-5678 🏴 부산 부산진구 XX동 Controller @Controller public class UserController { @Autowired private HttpSession session; @Autowired private Use..

쇼핑몰 구매자 서버 👇 프로젝트 설명 및 테이블 설계 보러가기 👇 [연습📚상품 구매 사이트] 구매자 서버 만들기 - 1. 테이블, 더미데이터, view 생성&연결 쇼핑몰 구매자 서버 🏆 목표 🏆 구매자 입장에서 회원가입, 로그인, 상품구매, 구매취소 기능을 구현 데이터는 MySQL에 연동되어 있기 때문에 테이블이나 더미데이터는 MySQL에 작성함 [연습📚상 whiteclouds-dev.tistory.com 💃 모델링 🕺 구매자 입장에서 필요한 테이블은 3개가 있다. 1. 유저(구매자) - 유저의 정보에 대한 테이블 2. 상품 - 쇼핑몰에 있는 상품에 대한 테이블 3. 주문 - 주문정보에 대한 테이블 테이블에 기초해서 Model, Repository => xml 파일를 생성하자 User package sh..

쇼핑몰 구매자 서버 🏆 목표 🏆 구매자 입장에서 회원가입, 로그인, 상품구매, 구매취소 기능을 구현 데이터는 MySQL에 연동되어 있기 때문에 테이블이나 더미데이터는 MySQL에 작성함 [연습📚상품 구매 사이트] 스프링부트 ↔ MyBatis ↔ MySQL 연동하기 오늘 오전 내내 한참 헤메었던 DB 연결하는 방법을 공유합니다!!!! 어렵지 않아요😊😉 상품 구매 사이트 만들기 3단계에서는 2개의 서버가 하나의 DB를 공유하도록 만드는 것이 핵심(?) 목표입니 whiteclouds-dev.tistory.com 📃 시나리오 📃 ✅ localhost 주소 입력하면 바로 로그인 페이지로 가기 🔹 로그인 창 밑에 회원가입 문구(a 태그) 만들기 ✅ 로그인 하면 상품리스트 목록 페이지로 이동 ✅ 상품 리스트에 있는 ..