실감
실감 수능 시뮬레이션부터 성적 관리까지, 수능 필수 앱 실감

실감 팀의 업데이트 비하인드 스토리 2편 : 그래프 굵기 자동 조정

실감 팀의 업데이트 비하인드 스토리 2편 : 그래프 굵기 자동 조정

실감 팀은 작은 건의사항도 필요하다면 앱에 반영하고, 앱의 오류불편 사항을 빠르게 업데이트하기 위해 노력하고 있습니다. 본 시리즈에서는 빠른 업데이트로 피드백을 반영했던 사례들과, 그 이면에 있었던 실감 팀의 이야기들을 소개합니다.


실감 팀의 업데이트 비하인드 스토리 2편 : 그래프 굵기 자동 조정

[사례 2] 유동적인 통계 그래프 굵기 조절

어느 날, 실감 팀은 사용자 분을 통해 통계 그래프에 대한 불편 사항을 제보받게 됩니다.

제보 사진
사용자 분께서 제보해주신 점수 그래프의 모습

모의고사 기록을 100개 이상으로 많이 입력하면 통계 페이지에서 점수 그래프의 선들이 겹쳐 이상하게 보이는 문제였죠. 이 문제를 어떻게 개선하면 좋을지 회의가 시작됐습니다.

🤔 승현: 지금도 아주 이상한 것 같지는 않은데, 그래도 더 개선시키면 좋긴 하겠다

🙎‍♀️ 혜원: 근데 그래프 굵기를 얇게 바꾸면 기록이 많이 없을 때는 그래프가 별로 예쁘지 않은 듯?

얇은 그래프
기존 그래프의 굵기만 줄인 모습

🙍🏻‍♂️ 승현: 그럼 모의고사 기록이 많아질수록 그래프의 굵기가 얇아지게 업데이트 하기만 해도 나아지지 않을까?

승현이의 말대로 그래프의 굵기가 점점 얇아지게 하는 방법을 선택했고, 이에 대한 구체화를 시작했습니다.

모의고사 기록의 개수가 많아지면 그래프가 어떤 규칙에 따라 얇아지도록 하는 게 좋을까요?

  • 모의고사 기록이 한 개씩 늘어날 때마다 계속 얇아지기?
  • 또는 특정 개수를 넘길 때마다 얇아지기?
  • 그런데 계속해서 얇아질 수는 없고, 최소 굵기는?
  • 굵기가 더 얇아지지 않는 기록 개수의 기준은?

이런 고민들과 개발의 편의성을 종합해서, 모의고사 기록이 늘어날 때마다 그래프가 얇아지다가 특정 개수부터는 더 얇아지지 않게 하는 것으로 정했습니다. 🧐 이걸 그래프로 표현하면…

굵기 그래프
* 단일 과목 그래프 기준

이렇게 되는 거죠! 이 방식을 코드로는 아래와 같이 구현하고, 업데이트를 마칠 수 있었습니다 🔥

1
barWidth: (4 - dateToRecordsMap.keys.length * 0.015).clamp(2, 4)
수정 후 모습
업데이트 후 얇아진 점수 그래프의 모습


🧑‍💻 승현: 그래프의 굵기가 자동으로 바뀌게 하는 개발 자체는 어렵지 않았는데요 🤔 다함께 모여서 그래프의 최소 굵기는 어느 정도가 보기 좋을지, 기록이 몇 개 누적되면 굵기가 더 얇아지지 않게 해야 할지 여러 수치들을 대입해보며 최적의 조합을 찾는 것이 관건이었어요 🥲


실감 팀은 앱 내 의견 보내기 기능, 카카오톡 채널, 스토어 리뷰, 연말 총조사 등을 통해 상시 피드백을 접수받고 있습니다. 시기별로 요청이 많은 피드백 또는 긴급한 버그 등을 우선적으로 반영하니, 건의 사항이 있으실 경우 언제든 말씀해주세요 😀

실감 카카오톡 채널 바로 가기


작성: 강용진
검수: 민승현 이혜원