[딸기마켓] 마이페이지 추가
2024. 5. 22. 15:10
추가
- 내가 등록한 상품과 찜한 상품을 확인할 수 있습니다.
- 검색 기능을 사용할 수 있습니다
- .상품명을 클릭하면 상품 페이지로 이동합니다.
- 판매된 상품은 분홍색과 취소선으로 표시됩니다.
- 삭제된 상품은 취소선으로 표시됩니다.
- 전체내역을 통해 포인트 충전, 사용 내역을 한번에 볼 수 있습니다.
- 충전내역에서 포인트를 충전한 내역을 볼 수 있습니다.
- 구매내역에서 상품을 구매한 내역을 볼 수 있습니다. 구매한 상품의 이름을 클릭하면 상품 페이지로 이동합니다.
- 판매내역은 상품내역과 동일합니다.
- 포인트가 증가하는 내역(충전, 판매)은 전체내역에서 분홍색으로 표시됩니다.
- 포인트 충전 시 충전할 금액을 사용자가 입력합니다.
- 결제는 카카오페이로 진행됩니다(테스트 결제임).
- 마이프로필에서는 프로필이미지와 비밀번호를 변경할 수 있습니다.
- 비밀번호는 변경하면 로그인 페이지로 이동합니다(로그아웃도 동시에 되도록 추후에 수정).
- 비밀번호 변경의 각 인풋은 에러가 발생했을 시, 에러메시지를 출력합니다.
- 마이프로필에서 프로필 이미지를 변경할 수 있습니다.
어려웠던 점
결제 프로그램을 구현할 때 아임포트 라이브러리를 사용했는데, 처음 사용하다보니 어려운 부분이 있었습니다.
라이브러리 문서를 봐도 복잡한 부분이 많아서 실제 카카오와 연동해서 결제가 될 때까지 시간이 많이 걸렸습니다.
모든 코드는 아래 링크에서 확인할 수 있습니다.
'프로젝트 > 딸기마켓' 카테고리의 다른 글
[딸기마켓] 버그수정 - 비밀변경 후 로그아웃 (0) | 2024.06.17 |
---|---|
[딸기마켓] 버그수정 - 헤더 선택 페이지 강조 (0) | 2024.06.17 |
[딸기마켓] 중고마켓 페이지 추가 (0) | 2024.05.09 |
[딸기마켓] 리팩토링(react-hook-form, 커스텀 훅) (0) | 2024.03.27 |
[딸기마켓] 로그인, 회원가입 페이지 추가 (0) | 2024.03.11 |