코드 수정 및 기능 추가

코드를 좀 수정하고 data 형식을 좀 바꿨다.

기존에 message마다 id를 숫자로 0 > 1 > 2 이런식으로 부여했었는데 Date.tostring()으로 바꿨다. 

왜 0, 1, 2 로 했는지 모르겠지만 그 당시 나는 그게 합리적이라고 생각했었나보다 ㅋㅋ...

Msg든 USER든 각각 고유의 id를 가지고 있는게 좋으므로 수정한 게 훨씬 낫다.

msg데이터를 손바줬으니 Msg요청이랑 삭제하는 부분까지 같이 손봐줬다.

 

채팅리스트에 보여지는 UI와 시간을 수정했다.

기존에는 껍데기 값으로 09:00이 고정이었고, 안읽은 메세지가 표시됐었는데 안읽은 메세지 표시에 관한 부분은 지웠다.

만약 사용한다면 어차피 신규 메세지가 쏟아질 뿐더러 1:1채팅도 아니므로 굳이 필요하다고 느끼지 못했다.

그리고 시간은 sendTime을 가져와서 손봐줬는데, 형식은 2022-10-11 11:11:11이런 식이다.

split함수를 적절하게 이용해서 시간과 분만 표기되도록 바꿨다.

 

이모지를 손봐줬다.

이모지는 picmo라는 라이브러리를 사용했었는데, 뭔가를 수정했다기보다 저번에 하다가 만걸 완성한 느낌이강했다.

나도 어디까지 작업했었는지 정확히 기억이 안났는데 이모지 클릭하면 입력중인 text에 추가하게 끔 해놨고

활성화 되면 Ico색깔을 바꿔서 활성화 여부를 나타냈다. 이모지 버튼을 다시 누르면 꺼진다.

이런 모양이다 ㅎ

 

이제 채팅방 구성 좀 바꾸고 서버랑 client간 이미지로 전송 수신, 수신 후 이미지 처리까지 하면

Client측은 완성된 것 같다. 점검하면서 더 만들고 싶거나 수정하고 싶은 부분이 생길 수 있지만 일단은 그렇다.

그리고 서버쪽은 일단 DB지원하는 프레임워크로 옮길건데 NoSQL로 할지 SQL로 할지 일단 고민이다.

하나 더 추가해야 할 기능은 msg를 전송받아서 list가 업데이트되면 접속중인 다른 client에게도 이 내용을 공유하는 기능인데 찾아보고 만들어야겠다.

 

오늘도 수고했다!