🤹🏻 AMAZON 🤹🏻

서비스 간단 설명

아마존닷컴은 미국의 종합 인터넷 플랫폼입니다. 세계 최대 규모의 온라인 쇼핑몰과 클라우드 컴퓨팅 서비스를 제공하고 있습니다. 인터넷 서점으로 시작해 현재 미국 온라인 쇼핑몰 매출 1위, 미국 전체 온라인 소매 시장의 약 절반 가량을 차지하고 있습니다.

🤹🏻 �AMAZON 🤹🏻 핵심 기능

1️⃣ Home : 홈

• 홈페이지의 헤더에서 원하는 상품을 키워드로 검색할 수 있는 검색 기능
• 검색 시 해당 키워드를 통해 Search 페이지로 라우팅
• 사용자의 최근 검색어를 저장할 수 있도록 서버로부터 유저 최근 검색어 목록 조회
• 화살표 버튼 클릭을 통한 메인캐러셀 조작

2️⃣ Search : 상품 검색

• 입력된 검색어에 대한 검색 결과 정보 GET
• 검색된 결과를 SortingBar를 통해 재정렬 가능
• 검색 결과에 따른 상품 데이터 정보 확인
• 원하는 상품 장바구니에 POST/DELETE 가능
• 왼쪽 사이드메뉴를 통한 필터링

---

🌊 합세 뿌시는 데스크탑 웹 1조 물결웨비들 🌊

임화랑	노찬영	�김린아	�김다현
메인캐러셀, 메인카드, 가로스크롤, 푸터 컴포넌트 퍼블리싱	상품 카드, 상품 리스트, SortingBar 컴포넌트 퍼블리싱 Search 페이지 컴포넌트 퍼블리싱	사이드바 필터 퍼블리싱 Home 페이지 컴포넌트 퍼블리싱	헤더, SearchBar, 브레드크럼 컴포넌트 퍼블리싱 Search 페이지 컴포넌트 퍼블리싱
최근검색어 기록 조회 GET	장바구니 POST 장바구니 DELETE Header 장바구니 개수 GET	필터 목록 조회 GET	상품 검색 GET

🛠 기술스택

역할	종류
Library
Programming Language
Styling
Data Fetching
Formatting
Package Manager
Version Control

💡 주요 라이브러리

    "@emotion/react": "^11.13.3",
    "vite-plugin-svgr": "^4.3.0",
    "vite-tsconfig-paths": "^5.1.2",

📄 컨벤션 및 브랜치 전략

🔗 노션 링크

📁 폴더 구조

|-- 📁 node_modules
|-- 📁 public
		|-- 📁 svg
|-- 📁 src
    |-- 📁 asset
	      |-- 📁 svgs
	      |-- 📁 images
    |-- 📁 components
	      |-- 📁 common (공통 컴포넌트)
			      |-- 📁 Button (예시 컴포넌트)
					      |-- Button.tsx
					      |-- Button.style.ts
			      |-- index.ts (모아서 export 하는 파일)
    |-- 📁 pages
   	    |-- 📁home
            |-- 📁components
            |-- 📁types
            |-- 📁hooks
            |-- Home.tsx
            |-- Home.style.ts
   |-- 📁 hooks (커스텀 훅을 담아두는 폴더)
   |-- 📁 styles ( GlobalStyles , theme.ts )
   |-- 📁 constants ( images, mocks )
   |-- 📁 utils ( 재사용이 높은 함수모음 폴더 )
   |-- 📁 apis
   |-- 📁 types
   |-- 📁 routes
       |-- Router.tsx
|-- App.tsx
|-- main.tsx
|-- .eslintrc.json
|-- .gitignore
|-- .prettierrc
|-- README.md
|-- package.json
|-- tsconfig.json
|-- yarn.lock