Final Project 17일차 - 채팅 날짜별로 묶어주기

📅 TIL #113




🔔 17일차


오늘은 내가 구현하고자 했던 기능을 구현해서 매우 만족스러운 하루가 되었다. 일단 어제 해결을 못했던 동일한 유저가 채팅을 연속으로 쳤을 경우의 문제를 해결했다.

그리고 채팅을 날짜별로 섹션을 만들어서 화면에 보여주었다.

그리고 오늘 코드 리뷰를 끝나고 팀원들과 다같이 이번주 끝내야 되는 일들과, 다음주까지 끝내야 되는 일들을 정리해보았다. 큰일났다….. 할 일들이 어~~~엄 청 많았다..

역시 정리를 해야 목표가 생기고 앞으로 나아가는 원동력이 생기는 것 같다!




💪 오늘은 어떻게 프로젝트에 기여했나요?


채팅 연속으로 달기


이런식으로 동일한 유저가 채팅을 했을 경우는 프로필 사진과 유저이름은 생략되고 채팅 내용만 담아 주었다.


로직은 머리속으로 바로 생각났지만.. 생각보다 구현이 잘 안되었던 문제.. 해결하고 나니 별거 아니긴 했따..ㅠㅠ



채팅 시간별로 묶어주기


이런식으로 채팅을 남긴 시점을 기준으로 section을 만들어서 같은 요일끼리 담아주고 그 section을 나열하였다.


이것도 오늘 막힘없이 잘 구현한 것 같다!



채팅 시간 맞추기


시간 맞추는게 별 거 아니긴 하지만 배포하기 전에 서버와 현재시간과 맞지 않아서 라이브러리 dayjs를 사용하였다.


유명한 시간 라이브러리인 moment보다 무려 약 33배나 가볍고 기능은 비슷하다고 하여 바로 사용해보았다.


라이브러리를 사용한 이유는 당연 시간을 조금 더 편리하게 다루고 싶어서 라이브러리를 사용하였다. 직접 구현하면 좋았지만, 구현해도 서버와 시간이 맞질 않아서 사용할 수 가 없었다.







🤔 오늘의 프로젝트에서 힘든 점은 무엇인가요?


프로젝트를 진행하면서 잘 풀린날이 다섯 손가락안에 꼽히는데 그 중 하나가 오늘인 것 같다.


물론 오늘 어려운 것을 구현한 것도 아니여서 그럴 수도 있지만, 오늘 할 일을 제 시간에 해결해서 기분이 좋다!






🔥 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?


채팅 프로필 모달창 구현, 채팅 기록 수정 및 삭제