가천 익스텐션 1.1.0 을 배포했다. 아직 심사중인데 금방 올라갈 것 같다.
일단 전체적인 UI를 리뉴얼했고, 다크모드 기능도 추가했다. 그리고 기존에 D-Day로 보여주었던 부분을 date-fns의 formatDistanceToNowStrict 함수를 사용하여 ~일 후 마감, ~시간 후 마감과 같이 보여주도록 변경했다.
다크모드를 변경하는 곳은 좌측 하단에 설정 아이콘을 누르면 팝오버가 나오는데, 그곳에서 변경할 수 있다.
지금은 설정 팝오버에 저 기능밖에 없지만, 추후에는 다른 기능들도 추가할 예정이다.(다국어 지원, 업데이트 시간 변경 등)
🤔 크롤링하는 동안 로딩 바에 정확한 진행 퍼센트를 넣고싶은데 어떻게 해야할까?
일단 기존에는 예를 들어 5개의 강좌를 크롤링한다고 가정한다면, 각각의 강좌를 크롤링할 때마다 20%씩 증가시켜서 로딩바를 채워나갔다.
하지만 한번에 20%씩 올라가니까 뭔가 애니메이션이 휙휙 넘어가는 느낌이었다. 그래서 비교적 구체적인 진행 퍼센트를 보여주고 싶었다.
🤔 어떻게 해결했나?
과제를 불러오는 비동기 함수 내에 또 다른 크롤링하는 비동기 함수가 2개나 있어서, 분리하는 작업을 했다.
그 결과 (100 / 강좌 개수)% 만큼 증가시켰던 것에서, (100 / 강좌 개수 * 2)% 만큼 증가시키게 되었다.
즉 강좌가 5개일 때, 10%씩 증가시키는 것이다. 이렇게 하니까 뭔가 더 자연스러워졌다. (대신 코드는 더러워졌다. ㅋㅋ)