Front-end Developer

2024.04

팀원

2명(기여도50%)

<aside> 💡

배포: https://starting-plant-nu.vercel.app/

소스코드 : https://github.com/doyi0107/starting_plant

회고록 : https://2-doooo-2.tistory.com/170

</aside>

📑서비스 내용

사용자 설문 조사를 통해 맞춤 식물을 추천해 주는 웹 ****- 식물을 키우고 싶지만 방대한 정보 속에서 어떤 식물이 자신에게 맞는지 몰라 불편함을 느꼈던 경험을 바탕으로 제작

제공하는 핵심 기능 4가지

1. 설문 조사를 통한 식물 추천
2. 식물 정보 검색
3. 소셜 로그인 및 마이페이지 생성
4. 장바구니 기능

🏷️담당 역할

• 사용자 맞춤 식물 추천 시스템
  • 사용자의 선호도와 환경을 분석하여 맞춤형 식물을 추천
  • React의 상태 관리와 동적 API 쿼리 생성을 통해 사용자 경험을 극대화
• 식물 정보 검색 및 결과 제공
  • axios의 인터셉터 기능을 활용하여 로딩 시간을 단축시키고, 에러 핸들링을 통해 사용자에게 명확한 피드백을 제공함
  • React Router의 useNavigate, useLocation 훅을 활용하여 검색 기능의 성능과 사용성 향상
• 소셜 로그인 및 마이페이지 생성
  • Google OAuth를 통한 소셜 로그인 구현과 useAuth 커스텀 훅을 통한 사용자 정보 관리
  • 로그인 상태에 따른 UI 변화와 사용자 경험 개선에 초점
• Recoil을 활용한 장바구니 기능
  • 전역 상태 관리 라이브러리인 Recoil을 통해 장바구니 상태를 관리
  • useAuth 커스텀 훅을 통해 로그인 상태에 따라 장바구니 기능의 접근 제한을 구현
    • Recoil과 useAuth의 용도 차이 이해: Recoil은 다양한 애플리케이션 데이터 관리에, useAuth는 사용자 인증 데이터 관리에 각각 특화되어 있어, 장바구니 기능 구현에는 Recoil이 더 적합함을 확인

💡 회고