🔗 바로가기

<aside> 📌

🖼️ Github Frontend

⚙️ Github Backend

🎨 UI Design

☁️ ERD Cloud

🤳 Use Case

</aside>

📑 공유문서

<aside> 📌

세부기능 명세서

API 명세서

ERD 기획안

컨벤션

</aside>

<aside>

🛍️ Service Page

• https://yonghun16.duckdns.org/fantasyshop/
• https://github.com/fantasy-shop </aside>

📊 OKR(Objectives and Key Results), 기술 슬라이드

<aside>

🎯 목표와 성과지표(OKR)

송용훈(FE) : 버튼 컴포넌트(공용), 인풋박스 컴포넌트(공용), 회원가입, 로그인, 내프로필 노인영(FE) : Redux Toolkit(장바구니 상태관리), formData&react-dropzone(아이템 업로드) 이정관(FE) : 상품 목록 페이지, 상품 상세 페이지 이동현(BE) : 아이템 생성, 삭제, 수정, 전체목록 조회, 상세조회 이세준(BE) : 회원가입, 로그인, jwt, AWS EC2/S3, 장바구니, (예정:결제이력) → 코드정리

</aside>

🗡️ 프로젝트 개요 및 목적

🧙 프로젝트 개요

이 프로젝트는 판타지 세계를 배경으로 한 가상의 온라인 무기 상점입니다.

사용자는 마법 지팡이, 전설의 검, 방패, 활 등 다양한 판타지 아이템을 탐색하고 장바구니에 담아 구매할 수 있습니다.

관리자는 상품 정보를 등록·수정·삭제할 수 있으며, 사용자 구매 흐름과 프로필 관리 기능도 포함되어 있습니다.

🎯 프로젝트 목적

• 이커머스 시스템의 핵심 기능 구현: 상품 탐색, 장바구니, 결제 흐름 등을 통한 쇼핑몰 구조 학습
• 관리자와 사용자 역할 구분: 권한별 기능 분리를 통한 시스템 설계 역량 향상
• 사용자 경험 중심 설계: 판타지 세계의 몰입감 있는 UI/UX를 가정하여 설계

🤳 사용 구조도(Use Case)

⚙️ 기술 스택 (Architecture Diagram)

<aside>

🌐 Steck Docs React Query Axios Redux React Hook Functional_Components useState useInput useAxios TailwindCSS.md clsx.md react-hook-form react-query.md

</aside>

☁️ 데이터베이스 구조(ERD)

🗓️ 스케쥴

1️⃣ 리소스 조사