[DEV-157] 스트릭, 그래프 버그 수정 & 토글 스위치 구현

[hvrain]

📑 작업 개요

• 버그 리포트에 있는 스트릭 보드 버그 해결 & figma와 같도록 토글 스위치 구현

📌 작업 내용

• 통계 보기와 스트릭보드 보기에서 내 진행상황 좌측 아이콘이 미세하게 다른 부분을 수정
• 스트릭 보드 width가 모바일 화면에서 overflow되는 부분을 수정
• 스트릭 보드 로드 시, 로딩 스피너 적용
• 그래프, 스트릭 토글 스위치 구현

🤝🏻 해당 부분을 중점적으로 리뷰해주세요!

• 토글 스위치를 구현하면서, 통계 그래프의 위치를 아래로 이동시켰습니다. 이 부분은 figma 디자인과 다르지만, 토글 스위치와 겹쳐 보이기 때문에 수정할 수 밖에 없었습니다.

🖥️ 실행 화면

https://github.com/user-attachments/assets/c76bce4b-baf9-4c90-804b-41ecdf66c15f

🎟️ 관련 이슈

close: #275

[xorms571]

이것은 디자이너님하고 상의가 된 부분인가요..? @hvrain

[hvrain]

이것은 디자이너님하고 상의가 된 부분인가요..? @hvrain

@xorms571 아뇨, 아직 말씀 안드렸습니다. 디자이너님께서 토글 버튼을 pc만 고려해서 만들어 주셨는데, tablet에서 토글 버튼이 그래프하고 겹치더라구요. 토글 버튼의 디자인은 바뀌지 않을 거라 생각해서, 그래프를 아래로 옮겼습니다. 리뷰할 때, 디자인 보시고 어색하지 않으면, 그때 디자인 수정해달라고 요청하면 될 것 같습니다.

[xorms571]

이것은 디자이너님하고 상의가 된 부분인가요..? @hvrain

@xorms571 아뇨, 아직 말씀 안드렸습니다. 디자이너님께서 토글 버튼을 pc만 고려해서 만들어 주셨는데, tablet에서 토글 버튼이 그래프하고 겹치더라구요. 토글 버튼의 디자인은 바뀌지 않을 거라 생각해서, 그래프를 아래로 옮겼습니다. 리뷰할 때, 디자인 보시고 어색하지 않으면, 그때 디자인 수정해달라고 요청하면 될 것 같습니다.

토글이 너무 큰것같습니다

[hvrain]

이것은 디자이너님하고 상의가 된 부분인가요..? @hvrain

@xorms571 아뇨, 아직 말씀 안드렸습니다. 디자이너님께서 토글 버튼을 pc만 고려해서 만들어 주셨는데, tablet에서 토글 버튼이 그래프하고 겹치더라구요. 토글 버튼의 디자인은 바뀌지 않을 거라 생각해서, 그래프를 아래로 옮겼습니다. 리뷰할 때, 디자인 보시고 어색하지 않으면, 그때 디자인 수정해달라고 요청하면 될 것 같습니다.

토글이 너무 큰것같습니다

@xorms571 모바일, 태블릿, pc 중 어느 화면에서 크게 느껴지시나요?

[xorms571]

이것은 디자이너님하고 상의가 된 부분인가요..? @hvrain

@xorms571 아뇨, 아직 말씀 안드렸습니다. 디자이너님께서 토글 버튼을 pc만 고려해서 만들어 주셨는데, tablet에서 토글 버튼이 그래프하고 겹치더라구요. 토글 버튼의 디자인은 바뀌지 않을 거라 생각해서, 그래프를 아래로 옮겼습니다. 리뷰할 때, 디자인 보시고 어색하지 않으면, 그때 디자인 수정해달라고 요청하면 될 것 같습니다.

토글이 너무 큰것같습니다

@xorms571 모바일, 태블릿, pc 중 어느 화면에서 크게 느껴지시나요?

그냥 내 진행 상황 왼쪽 아이콘 보다 작게 하는 게 좋을 것 같습니다.

[hvrain]

그냥 내 진행 상황 왼쪽 아이콘 보다 작게 하는 게 좋을 것 같습니다.

@xorms571 figma에 있는 토글 버튼 디자인의 크기가 큰 것 같다는 말씀인가요?

[xorms571]

그냥 내 진행 상황 왼쪽 아이콘 보다 작게 하는 게 좋을 것 같습니다.

@xorms571 figma에 있는 토글 버튼 디자인의 크기가 큰 것 같다는 말씀인가요?

네 커서 좀 그런데.. 제 개인적 의견이기도 하고 디자이너님이 그렇게 만들어주셨으면 그냥 따르는 게 맞는 것 같습니다. 승인해드리겠습니다.

[hvrain]

그냥 내 진행 상황 왼쪽 아이콘 보다 작게 하는 게 좋을 것 같습니다.

@xorms571 figma에 있는 토글 버튼 디자인의 크기가 큰 것 같다는 말씀인가요?

네 커서 좀 그런데.. 제 개인적 의견이기도 하고 디자이너님이 그렇게 만들어주셨으면 그냥 따르는 게 맞는 것 같습니다. 승인해드리겠습니다.

@xorms571 토글 버튼이 작아지면, 디자인 상으론 좋을지 몰라도, ux측면에서는 버튼을 누르기 힘들 것도 같아서, 적당한 크기를 디자이너님께서 설정하지 않았을까 생각합니다. 저도 그렇게 따르는데 맞는 것 같아요