UX 개선사항

디자인 시스템 적용

현재 Styled Component를 사용하고 있으나 디자인 시스템이 적용되지 않고 있습니다. 공통 컴포넌트의 스타일을 시스템화하는 작업이 필요합니다.

피드백 중, 유저가 출석 내역을 확인하는 부분에서 각각의 원이 어떤 의미인지 직관적으로 확인하기 어렵다는 피드백이 있었습니다. 따라서 오늘 하루의 출석을 확인하는 원은 다른 디자인으로 표현하거나 크기를 다르게 하는 방식으로 디자인 변경이 필요할 것 같습니다.

또한 모든 경고를 alert를 사용하여 처리하고 있습니다. alert를 사용할 시 모든 자바스크립트 코드가 “확인” 버튼을 누르기 전까지 정지되기 때문에 모달 창이 뜨는 등의 변경이 필요합니다. (그리고 일단 경고창이 아름답지 않습니다 ㅜㅜ)

현재는 출석이 3회 진행되어야 출석이 완료된 것으로 나타나지만, 실제로 세션을 진행하다보면 출석이 2회 또는 1회 진행되는 경우도 많습니다. 따라서 이러한 경우의 처리도 적용이 필요합니다.

현재 백엔드에서는 출석이 1회 또는 2회 적용되었을 때에도 정상적으로 작동합니다. 하지만 클라이언트 측에서 이를 적용하기 위해서는 다음과 같은 절차가 필요합니다.

⚠️ 현재 DB에는 최대 출석 개수를 따로 저장하고 있지 않습니다. 백엔드 측에 문의하여 최대 출석 개수를 저장할 수 있도록 변경 부탁드립니다.