Closed yeongipark closed 3 months ago
1.출석용 캘린더
react-calendar 라이브러리 사용하여 구현하였습니다.
component > Calendar.jsx 에 구현하였고 MyPage에서 사용합니다
2.출석 % 확인하는 차트
실제 출석률에 따라 그래프가 차지 하는 크기가 변하도록 구현했습니다
component > circleChart : 동그란 차트가 있는 부분 component > Circle : 검은색 바탕과 흰 글씨 circleChart를 가지는 컴포넌트 MyPage에서 Circle을 자식으로 생성하여 사용합니다
3. 자주 사용하는 스타일 GlobalStyle에 분리
앞 pr에서 수정 요청받았던 스타일 분리도 완료하였습니다!
구현 내용
1.출석용 캘린더
react-calendar 라이브러리 사용하여 구현하였습니다.
component > Calendar.jsx 에 구현하였고 MyPage에서 사용합니다
2.출석 % 확인하는 차트
실제 출석률에 따라 그래프가 차지 하는 크기가 변하도록 구현했습니다
component > circleChart : 동그란 차트가 있는 부분 component > Circle : 검은색 바탕과 흰 글씨 circleChart를 가지는 컴포넌트 MyPage에서 Circle을 자식으로 생성하여 사용합니다
3. 자주 사용하는 스타일 GlobalStyle에 분리
앞 pr에서 수정 요청받았던 스타일 분리도 완료하였습니다!