자신에게 맞는 코딩장비를 찾아보고, P2P 대여 및 거래를 진행하는 중개 사이트
- 2023.07.04 ~ 2023.08.18
Java 17.
Spring Boot 3.1.2.
Node.js 18.
Next 13.2.4.
React 18.2.0.
Docker 24.0.2
Docker Hub
Jenkins 2.4.18
| 팀원 | 역할 | 담당 | 파트 |
|---|---|---|---|
| 정선재 | 팀장 | Front End | 홈 화면, 기술 게시판, 자유 게시판, UCC |
| 심은진 | 팀원 | Front End | JWT 관리, 회원가입, 채팅, 거래 및 계약서, 마이페이지, 카카오페이 결제 |
| 서지호 | 팀원 | Front End | 제공자 게시판, 이용자 게시판 |
| 강승현 | 팀원 | Back End | 인프라 구축, 멤버 관리, 거래 게시판 |
| 권민우 | 팀원 | Back End | 커뮤니티 게시판, 디버깅, 코드 테스트 |
| 김수찬 | 팀원 | Back End | 인프라 구축, 채팅I/O, 거래 및 계약 |
공통:
- 데이터베이스 모델링
- 컴포넌트 구조 분석
- 시스템 목업
- 자료조사 및 데이터 해석
정선재:
| 개발 분야 | 역할 |
|---|---|
| 자유게시판 & 기술게시판 | Toast UI를 활용한 게시판 작성, react를 활용한 기능 구현 |
심은진:
| 개발 분야 | 역할 |
|---|---|
| JWT 토큰 관리 | - localStorage를 이용한 토큰 관리 및 일정 시간마다 Access_Token 재발급 구현 |
| 회원가입 | - 기본적인 회원가입 구현 |
| 채팅 | - socket.io를 통한 실시간 통신 |
| 계약서 | - 거래를 위한 온라인 계약서 디자인 및 구현 - canvas를 통해 작성한 서명을 FormData 형식으로 전달 |
| 마이페이지 | - 마이페이지 디자인 및 기능 구현 - 거래 내역에서 이어지는 카카오 결제 - 프로필 사진 연결 |
| 디자인 | - 제공자 게시판, 계약서, 마이페이지 디자인 |
서지호:
| 개발 분야 | 역할 |
|---|---|
| 제공자 게시판 | - 제공자 게시판 구현 - 무한스크롤과 필터링 기능 - 다수의 이미지 업로드와 수정기능 |
| 이용자 게시판 | - 이용자 게시판 구현 - 페이지 네이션과 필터링 기능 - 폼형태를 통해 제안 보내기와 제안 받기 기능 - 다수의 이미지 업로드와 수정기능 |
| 로그인 | - 로그인과 비밀번호 변경 |
| 디자인 | - 채팅, 이용자 게시판 디자인 |
강승현:
| 개발 분야 | 역할 |
|---|---|
| 인프라 구축 | Docker, Jenkins 구성으로 자동 배포 시스템 구축, GitLab을 이용한 버전 관리 |
| 멤버 관리 | JWT 토큰을 통한 User 관리 및 보안 체계 구축 |
| 개 발 | SpringBoot를 이용한 기능 개발 |
| DB 관리 | MySQL을 활용한 데이터베이스 관리 |
권민우:
| 개발 분야 | 역할 |
|---|---|
| 인프라 구축 | - Amazon S3를 활용하여 게시글 이미지 저장 |
| 커뮤니티 게시판 | - Spring JPA를 활용하여 게시판 CRUD 작성 - DB relation을 통한 댓글, 좋아요 관리 - JWT token을 이용하여 게시판 CRUD 접근 제어 - DDD 패턴을 이용해 개발 가용성을 높임 |
김수찬:
| 개발 분야 | 역할 |
|---|---|
| 인프라 구축 | - Jenkins을 활용하여 Docker Hub에 Image 관리 - Docker Hub를 통한 버전 관리 - Service를 분할하여 서버의 가용성을 높임 - S3를 활용한 이미지 저장 |
| 채팅 I/O | - Next.js 를 활용하여 채팅 중계 서버 생성 - Node.js의 특징인 이벤트 드리븐 모델을 활용 효율성을 높임 - 프론트와 동일한 언어 사용으로 개발 및 유지보수성을 높임 |
| 거래 및 계약 | - 계약서 정보를 받아와 png 형태로 계약서를 저장 - 저장된 계약서는 S3 에서 수정 불가능 하게 관리 |
1. 자신에게 맞는 장비를 미리 사용하고 판단하므로 불필요한 소비를 줄일 수 있는 서비스
2. 사용하지 않는 장비를 렌탈 해주며, 용돈을 마련할 수 있는 서비스
3. 기수간의 대화가 부족한 SSAFY생들에게 대화의 장을 마련하는 서비스
- 시작페이지
1. 서비스에 대한 전체적인 설명
- 메인페이지
1. 목표 서비스 작성
2. 목표 서비스 작성
3. 목표 서비스 작성
4. 목표 서비스 작성
5. 목표 서비스 작성
- 마이 페이지
1. 자신이 쓴 글 표시
2. 거래 내역 표시
3. 관심 표시한 글 표시
4. 로그아웃
- 자유게시판 및 테크게시판
1. 글 작성과 좋아요 기능
2. 댓글 작성과 익명 댓글
3. 이미지 첨부
4. 최신 테크 이슈 공유와 자유로운 소통의 장
5. 페이지네이션 구현
6. TOAST UI editor
- 제공자 게시판
1. 대여 조건글 작성과 좋아요 기능
2. 다수의 이미지 첨부와 확인
3. 무한스크롤로 게시글 카드형 표시
4. 카드에 게시글 사진, 좋아요, 판매정보 요약
5. 필터로 원하는 대여 게시글 탐색
6. 목표 서비스 작성
7. 거래 요청시 채팅으로 연결
- 이용자 게시판
1. 원하는 제품 조건 작성
2. 필터로 원하는 조건 글 탐색
3. 타인의 글에 폼으로 제안서 보내기
4. 폼에 다수의 이미지 첨부와 확인
5. 자신의 글에 제안온 폼 목록 확인
6. 거래 의사 보유시 채팅으로 연결
- 채팅
1. 특정 게시글에 대한 채팅방
2. 제안서 작성
3. 계약서 & 거래로 이동
- 계약서 작성
1. 상호 사인 기능
- 결제
1. 목표 서비스 작성
