241115 / 채팅 UI 디테일 수정, 채팅 반응형 작업

오늘 할 일

1. 채팅 UI 끝내기
2. 채팅 반응형 작업

---

채팅 UI

오늘 기필코. 채팅창 UI를 완수하겠음

(작업 전)

(변경완료 !)
변경 내용 : 하단 내용 참고 + 배경 더 투명화, 전체 배경색 그라데이션 방향 변경, 그림자 효과

수정할 부분 :

• 시간 - 분까지만 표시

    const fullDate = new Date(dateString.replace("T", " "));
    const localFullDate = fullDate.toLocaleString(); // 2024. 11. 15. 오후 2:19:22
    const date = localFullDate.slice(0, 12);
    // 1-9시 or 10-12시인 경우
    const time =
      localFullDate.length <= 24
        ? localFullDate.slice(14, 21)
        : localFullDate.slice(14, 22);
    const result = `${date} ${time}`;

    return result;

->

★ 월(month)은 어떻게 될지 몰라서 나중에 상황을 봐야할 듯

• 채팅창 위로 올리기 (지금 input position 때문에 문제 있음)

• 스크롤
  
  스크롤바에 마우스 오버 시) 스크롤바 배경이 흰색으로 나타남
  -> 일단 스킵

• 컬러 변경
  
  
  ㄴ 갈색으로 !
  그냥 원래 색으로 돌림 - 역시 좀 색이 좀 그래.

• 경계선 수정
  

로그인한 유저의 화면에만 보이도록 설정

끝난 줄 알았는데 채팅창 반응형도 해야됨....... ㅎ

---

채팅 반응형

(전)

근데 여기서 끝이 아님
로그인 후에 채팅도 있음 ^^ ㅠㅠㅠㅠㅠㅠㅠㅠ
반응형 생각보다 빡세고
컴포넌트 분리가 많을수록 어디 소속인지 찾아야해서 빡셈 ㅠㅠ

반응형 대강 마무리 - ! ㅠㅠ
진짜 hardworking 이야 휴식시간 없이 내리 달림..

---

PR 에러 :
Can’t automatically merge. Don’t worry, you can still create the pull request.

누가 뻥이라고 해주면 조켄네.
난 안 괜찮아 딩딩딩딩딩.