KREAM Clone 프로젝트
페이지 정보
작성자 시스템운영팀 작성일24-09-11 09:52 조회23,653회 댓글0건-
- 목차
-
- 프로젝트 개요
-
- 프로젝트 일정
-
- 프로젝트 팀원 소개
-
- 개발 툴 및 사용 기능
-
- 마인드 맵
-
- 데이터베이스 설계
-
- 로그인 페이지
-
- 마이페이지
-
- 상세페이지
-
- 구매페이지
-
- 판매페이지
-
- 공지사항 게시판
-
- 404페이지
-
- 관리자페이지 1
-
- 관리자페이지 2
-
- 관리자페이지 3
-
- 관리자페이지 4
| 프로젝트 제목 | KREAM Clone 프로젝트 | ||
|---|---|---|---|
| 과정명 | 핀테크 서비스를 위한 풀스택 개발자 양성 과정 | ||
| 발표일 | 2024.01.31 ~ 2024.08.02 | 담당강사 | 조희원 강사 |
| 팀원&담당파트 | (조장)김O형 | 프론트엔드 : 어드민 페이지, 404페이지, 프록시, 스타일, 로그인 인증 상태관리. 백엔드 : 구매/판매 페이지, 관리자 페이지, 엔티티 생성, 관리자 데이타 로직, 최종 배포 | |
| 김O환 | 프론트엔드 : 메인 페이지, Shop 페이지, 게시판, 관심상품 Mpdal 창 | ||
| 설O희 | 프론트엔드 : 로그인 및 회원가입 페이지, 카카오 로그인, 마이 페이지 | ||
| 이O영 | 프론트엔드 : 상품 상세페에지, 상품구매/판매/관심상품/사이즈 Modal 창, 상품 가격 차트, 상품 구매/판매 페이지, 상품 구매완료 페이지 | ||
| 구O모 | 백엔드 : 스프링시큐리티+JWL+redis 인증방식 구축, 서비스를 위한 aws 서버 구성 | ||
| 박O혜 | 백엔드 : 상세페이지(최근 본 상품, 브랜드별 상품, 성별 상품), 카카오 로그인 API | ||
| 이O래 | 백엔드 : 메인/Shop/마이 페이지 백엔드 API 구축, Kream 상품 데이터 크롤링 및 ETL, Python Flask를 통한 추천 시스템 구축 | ||
| 주제 및 목적 | 의류 쇼핑몰 Kream의 crawling data를 활용, 기능 및 형태를 Clone 하여 프론트 엔드 구축. 프론트 엔드에 알맞은 백엔드 API 및 추가 필요 기능 구현 |
||
| 내용 | - 관리자계정 : 대시보드, 관리자 계정 관리, 관리자 로그인, 일정관리 - 회원 관리 : 회원관리 페이지, 운영체제별 접속 정보, 유입별 접속정보, 브라우저별 접속 정보 - 주문 및 상품 : 주문관리 페이지, 상품관리 페이지, 배송관리 페이지 - 메인페이지 : Shop, 성별/연령별 추천 - 상품상세 페이지 : 상품 상세정보, 상품 구매 및 판매, 상품 가격 변동 차트, 최근본상품/브랜드별상품/성별별상품 - 회원가입, 카카오 로그인 - 마이페이지 : 인적정보 설정(프로필 관리, 로그인 정보) - 공지사항 게시판 |
||
| 특장점 | - 로그인 : redis 서버에 토큰 블랙리스트 확인 및 signatue를 이용한 토큰 유효성 검사 - 로그아웃 : 토큰 스트링갌과 만료되기까지의 남은 시간 정보를 저장. 남은 시간 지나면 튜플 자동 삭제 - 상세페이지 : 사용자가 조회한 상품과 동일한 브랜드 및 성별 상품 제공 - 구매 및 판매 버튼 클릭 시 구매/판매 모달창으로 이동 - 판매 정산 계좌, 반송 주소, 발송 방법, 결제 방식 입력 시 판매 가능 - 관리자 정보 접근 시 본인인증(간편인증) - 관리자 페이지 대시보드 : 라이트 모드, 다크 모드 선택 가능 |
||
| 사용기술 및 개발환경 | - 개발도구 : Visual Studio Code - VS코드 : 인텔리제이, SQL디벨로퍼 - 데이터베이스 : Oracle Database, 레디스 - 프레임워크/라이브러리 : Spring, Spring boot, Apach Tomcat - 프론트 : Reat, CSS, JavaScript |
||
과정 통합검색
K Digital
내일배움카드
취업지원