🧸 다양한 장난감 정보를 한눈에! 우리 아이 장난감 대여 비교 플랫폼, NORI

💚 NORI 서비스의 핵심 기능

1️⃣ 장난감 대여 사이트 정보 모아보기

분산되어 있는 다양한 대여 사이트 정보들을 불러와 사용자들로 하여금 여러 정보들을 한 눈에 모아보고 쉽게 비교할 수 있도록 해줍니다.
사용자는 상품 정보 선택 시 대여 사이트로 이동합니다.

2️⃣ 장난감 대여 사이트 정보 필터링

장난감 특성을 비롯한 아이의 개월 수, 가격 등 여러가지 필터링 기능을 이용해 사용자에게 알맞은 장난감 대여 정보를 제공해줍니다.
현재 다양한 장난감 대여 사이트들의 경우 단순히 종류에 따른 분류로 이루어져 있습니다. 사용자에게 유용한 필터링 기준들을 통해 기존 사이트들과는 차별화된 기능을 제공하고자 합니다.

3️⃣ 커뮤니티

사이트 내 커뮤니티 기능을 통해 실제 사용자들의 생생한 후기를 비롯해 육아 및 장난감과 관련된 다양한 경험을 나눌 수 있는 공간을 만들어주고자 합니다.
장난감 대여를 이용하는 대부분의 부모님들은 맘카페 혹은 블로그에서 정보를 얻은 후 이를 가지고 검색을 하여 대여를 진행하고 있습니다.

따라서 NORI 서비스에서는 커뮤니티 기능을 통해 정보를 얻은 후 사이트 내에서 바로 검색하여 좀 더 빠르게 대여를 진행 할 수 있도록 장난감 탐색 과정을 줄여주고자 합니다.

---

🧑🏻‍💻 웹노리들

Happhee	Brokyeom	say-young516	aeuna
💛 서히 💛 Web FE	💙 시루아빠 💙 Web FE	💖 영 💖 Web FE	💜은아💜 Web FE

⚒️ 기술 스택

    "@emotion/react": "^11.9.3",
    "@emotion/styled": "^11.9.3",
    "@react-oauth/google": "^0.2.6",
    "@types/axios": "^0.14.0",
    "axios": "^0.27.2",
    "next": "12.2.0",
    "next-auth": "^4.9.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-google-login": "^5.2.2",
    "recoil": "^0.7.4",
    "recoil-persist": "^4.2.0",
    "swr": "^1.3.0",
    "typescript": "4.7.4"

---

✅ 커밋 컨벤션

제목	내용
init	작업 세팅 커밋 (패키지 설치 등)
feat	새로운 기능을 추가할 경우
style	기능에 영향을 주지 않는 커밋, 코드 순서, css등의 포맷에 관한 커밋
fix	버그를 고친 경우
refactor	프로덕션 코드 리팩토링
docs	문서를 수정한 경우, 파일 삭제, 파일명 수정 등 ex) README.md
chore	빌드 테스트 업데이트, 패키지 매니저를 설정하는 경우, 주석 추가, 자잘한 문서 수정
code review	코드 리뷰 반영

---

📁 폴더 구조

├── 📁 components 
│  ├── 📁 common
│	│ └── 📁 styled  
│	│   ├── Eroor404.tsx
│	│   └── index.ts
│  ├── 📁 icons 
│	│  └── NavHeaderIcons.tsx 
│  ├── 📁 landing
│  │  ├── LandingHeader.tsx
│  │  ├── LandingFooter.tsx
│  │  └── index.ts
│  ├── 📁 layout 
│  │  ├── MainLayout.tsx
│  │  ├── CommonLayout.tsx
│  │  └── index.ts
│  ├── 📁 main 
│  │  ├── Banner.tsx
│  │  ├── MainHeader.tsx
│  │  └── index.ts 
│  ├── 📁 viewProduct 
│  │  ├── FilterDropdown.tsx
│  │  ├── ProductFilter.tsx
│  │  ├── ToyViewBanner.tsx
│  │  └── index.ts
│  └── 📁 community 
│    ├── CommunityForm.tsx
│    └── index.ts 
├── 📁 core 
│  ├── 📁 toyInfo 
│  ├── api.ts 
│  ├── atom.ts 
│  ├── axios.ts 
│  └── localStorage.ts 
├── 📁 pages
│  ├── 📁 api
│  │ └── 📁 auth
│  │   └── [...nextauth].tsx
│  ├── 📁 communityCase
│  │ └── AddCommunity.tsx 
│  ├── _app.tsx
│  ├── _document.tsx
│  ├── index.tsx
│  ├── main.tsx
│  └── viewProduct.tsx
├── 📁 public
│ └── 📁 assets
│   └── 📁 icons
│   │ └── index.ts
│   ├── 📁 images
│   │ └── index.ts
│   └── assets.d.ts 
├── 📁 styles
│  ├── emotion.d.ts
│  ├── globalStyle.ts
│  └── themem.ts
├── 📁 types 
│  ├── toy.ts 
│  ├── api.ts
│  ├── main.ts
│  ├── viewProduct.ts
│  └── community.ts
├── 📁 util 
│  ├── 📁 hooks 
│  ├── check.ts 
│  └── escape.ts
├── .babelrc 
├── .eslintignore
├── .eslintrc.json
├── .gitignore
├── .prettierrc.json 
├── next-env.d.ts 
├── next.config.js
├── package.json
├── README.md
├── tsconfig.json 
└── yarn.lock