배포 시 채팅 하단 스크롤 문제
배포 시 코드 useEffect(() => { const scrollToBottom = () => { endOfMessagesRef.current?.scrollIntoView({ behavior: 'smooth' }); }; scrollToBottom(); }, [readChatRoomMessages]); 채팅창에 새로운 메시지가 들어오면 스크롤이 가장 하단으로 내려갈 수 있도록 구현해두었다. yarn dev에서 문제없이 새로운 메시지가 들어오는 경우 하단으로 스크롤이 잘 이동되었다. 그리고 배포를 했는데 왠걸 새로운 메시지가 들어와도 스크롤이 자동으로 하단으로 내려가지 않았다. 또 아래와 같은 에러메시지가 나타난다 호출하지않았는데 왜 자꾸 호출이 되는건지 알다가도 모르겠다.. 어려워 너란 녀슥.. 진짜..
카테고리 없음
2024. 4. 22. 23:53
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- readme 작성 방법
- axiosinstance 사용 시 토큰 사용 법
- 유효성검사
- 영화별점만들기
- Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>
- nextjs 토큰 만료처리하기
- Warning: Each child in a list should have a unique "key" prop.
- styled component 사용방법
- 별점만들기
- readme 역할
- 유효성검사 css
- git cache
- axios 사용하기
- 별점 색채우기
- Warning: A component is changing an uncontrolled input to be controlled.
- axios 설치하기
- Fetch와 Axios 의 장단점
- simple Icon 사용방법
- readme작성해보기
- axios CRUD
- styled component 설치방법
- readme 이미지 추가 방법
- axios instance 작성하기
- styled component GlobalStyle 사용방법
- 에러모음집
- 영화 별점
- styled component 조건부 사용방법
- readme 작성해야 하는 이유
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
글 보관함