.

1. API 설계
-의류 쇼핑몰 조회-
학번: 1860054
이름: 황지환

2. < 목차 >
01. 주제 선정
02. 개념적 모델링
03. 시스템 구성도
04. 회원가입, 로그인

3. < 목차 >
05. 의류 추가
06. 링크를 통한 사이트 이동
07.결제하기

4. 01. 주제 선정
주제 선정 이유: 평소에 의류에 관심이 많아서 의류에
관심이 많은 사용자들이 의류에 대한 정보를 보고
사이트로 접속할 수 있게 도울 수 있으면 좋겠다고 생각했다.
시나리오: 사용자가 의류를 검색해서 조회하면,
의류의 정보를 조회하고 하단에 적힌 사이트 링크를 통해
사이트로 이동할 수 있고, 결제할 수 있는 구조이다.

5. 02. 개념적 모델링
상품
거래처
고객
구매
판매
ID
PW
이름
상품번호 상품명
거래처
번호
주소
거래처명
m
n
n
m
(1, n)
(0, n)
(0, m) (0, m)

6. 02. 개념적 모델링
고객
ID(PK)
PW
이름
상품
상품번호(PK)
상품명
거래처
거래처 번호(PK)
거래처 명
주소

7. 03. 시스템 구성도
Internet
Client
Server
Node.js
Browser
PC
DB
Postgre
SQL

8. 04. 회원가입 서비스
vue를 이용하여 회원가입창을 생성 회원가입에 성공하면 메시지가 뜬다.

9. 04. 회원가입 서비스 - /Join

10. 04. 로그인 서비스
vue를 이용하여 로그인창을 생성
회원가입후 로그인을하면 다음과 같이
환영메시지가 뜬다.

11. 04. 로그인 서비스 - /Login

12. 04. 로그인 서비스- MongoDB연동
로그인시, MongoDB에 연동된것을 확인 할 수 있
다.

13. 05. 의류 추가
ADMINPAGE를 클릭하여 의료추가를 클릭한다.

14. 05. 의류 추가
원하는 의류를 선택하여 의류에 대한 정보를 기입하고,
의류의 이미지주소를 저장하면 backend에서 정보를 볼 수 있다.

15. 05. 의류 추가
HOME으로 돌아가면 추가된 의류의 정보와 이미지를 확인 할 수 있다.

16. 05. 의류 추가 - /Admin

17. 06. 링크를 통한 사이트 이동
링크를 통해 사이트로 이동하기위해 사이트 보기를 클릭한다.

18. 06. 링크를 통한 사이트 이동
관심있는 상품의 사이트가 나오고 사이트보기를 다시 클릭한다.

19. 06. 링크를 통한 사이트 이동 - /Payments

20. 06. 링크를 통한 사이트 이동
관심있는 상품의 사이트가 나오고 사이트보기를 다시 클릭하면 해당 사이트로 이동한다.

21. 07. 결제하기
관심있는 상품의 결제하기를 눌러 결제 창을 띄운다.

22. 07. 결제하기
구매자가 해당하는 카드사를 선택하고 이메일을 작성하여 결제를 선택한다.

23. 07. 결제하기
구매자가 해당하는 카드사를 선택하고 이메일을 작성하여 결제를 선택하여 결제를
진행하면 휴대폰에 결제요청 창이 뜬다.

24. 07. 결제하기 - /Payments

25. 감사합니다.