<aside> 💡 사이드 프로젝트를 위한 인원 모집 및 일정 계획, 회의록 등의 다양한 기능을 제공하는 서비스입니다.

• 진행기간 : 2023.05 ~ (진행중)
• 인원 : 6인 </aside>

둘러보기

👉🏻  Github Repository

👉🏻  배포사이트

테스트 계정

ID : fullcaredummy

PW : fullcare1234

사용한 기술 스택

• React, TypeScript, SCSS
• Redux, ReactQuery
• Axios

담당 업무

[목적(관심사)에 따른 코드 분리]

• HTTP 통신
  • Axios 인스턴스 설정, 메소드, API 호출 함수 분리
  • React Context API를 활용
• Custom Hook - 컴포넌트 안에서 UI와 UI를 변경시키는 부분으로 분리

[검색어 추천 및 자동완성 기능 구현]

• Closure를 사용한 캐싱 기능 구현(검색어 및 ExpireTime 캐싱)을 구현하여 네트워크 요청 최적화
• Custom Hook을 사용하여 컴포넌트를 재사용할 수 있도록 구현

[페이지 리다이렉션 구현]

• 리다이렉션 컴포넌트 분리
• 로그인 여부에 따른 페이지 이동

[캘린더 구현]

• 디자이너가 만든 디자인을 대로 UI로 만들기 위해 라이브러리를 사용하지 않고 캘린더 구현