프로젝트 개요 및 설명

구현한 기능

회원 관리 기능

• jwt 토큰을 이용해 회원 정보를 관리
• localStorage에 토큰을 저장해 로그인을 유지
• axios 라이브러리를 통해 서버랑 통신시 헤더에 토큰을 포함하여 정보를 요청
• 서버로부터 수신받은 정보를 state로 관리
• 좌측 그룹 리스트는 Reac Router 라이브러리를 사용하여 group id로 각 그룹의 url을 설정
• url의 group id를 파라미터로 하여 useParams() 훅을 사용해 컴포넌트에서 url에 있는 파라미터 정보를 추출해 사용

달력 기능

내 일정 관리

• FullCalendar와 React DatePicker 라이브러리 사용
• 내 일정 관리에서 우측 날짜 기간을 선택하는 달력은 React DatePicker 사용
• React DatePicker에서 선택한 일정을 메인 달력인 FullCalendar로 전달하여 보여질 기간 설정
• 메인 달력에서 선택된 드래그된 일정을 Date 객체로 관리