1760014_김태수_학술제

1. 종합설계작품
목원대학교 공과대학 정보통신공학과
1760014 김태수

2. 목차
• 시스템 구성 및 시나리오
• API 설계 테이블
• 각 세부 라우터의 구조 정의
• 설계한 기능

3. 0. 시스템 구성 및 시나리오
PHOTO GALLERY
전 세계 누구나 자신이 소장하고 있는 사진 혹은 직접 촬영하여 자랑
하는 사진을 올리고 판매하는 사진 판매 홈페이지
자기가 가보지 못한 곳을 사진으로 생동감 있게 만나 볼 수 있는 경
험을 하기 위해 작품을 제작해 보았습니다.
사용 프로그램
Backend – node.js
Frontend – vue.js or vutify
Database - MongoDB

4. 사용자
join
login photos
시스템 구성
payments
Tosspayments 사용
MongoDB 사용하여 정보 저장
Notice
Vue.js or Vuetify사용

5. App.vue
join
login photos payments
Top.vue
home
Admin
notice

6. API 설계 테이블
메소드 경로 설명
GET
/users
/photo
모든 회원 정보를 조회
모든 사진을 조회합니다.
GET
/users/:id
/photo/:photoId
특정 회원 정보를 조회
특정 사진 정보를 조회합니다.
POST
/users
/photo
회원 정보를 등록합니다
사진을 등록합니다.
PUT
/users/:userId
/photo/:photoID
회원 정보를 수정합니다.
사진 정보를 수정합니다.
DELETE
/users/:userId
/photo/:photoId
특정 회원을 삭제합니다.
특정 사진을 삭제합니다.

7. 각 세부 라우터의 구조 정의

8. 설계한 기능 동작 시연 및 결과

9. - Main Page

10. - Login

11. - Join

12. - MENU -> PhotoManagemt -> AdminPhoto

13. - Payments
상세한 결제 과정은 영상으로 설명 하겠습니다.

14. - Notice

15. - MongoDB

16. 제품 시연 영상 결과물
https://youtu.be/Pe56laCigTA

17. Thank you