'TIL' 카테고리의 글 목록 (6 Page)
뇌 채우기 공간
TIL
[TIL] 0330 div아래에서부터 쌓기/ 리액트 무한스크롤/ 날짜별로 메세지 묶기/ 스크롤 맨 밑으로 내리기
2022.04.01
1. div 아래에서 부터 쌓기 채팅을 하는데 가장 최근의 채팅이 아래에 있어야하고 그러니까 위에서부터 순서대로 쌓이는게 아니라 밑에서 부터 순서대로 쌓여야하는 것이다. export const MessageField = styled.div` padding: 15px 24px; overflow-y: auto; position: relative; height: 500px; box-sizing: border-box; `; export const MessageFieldInner = styled.div` position: absolute; bottom: 0; left: 0; width: 100%; padding: 24px; box-sizing: border-box; height: 500px; `; 밑에서 부터 쌓..
TIL
[TIL] 0329 소켓 연결이 계속 늘어나는 문제
2022.04.01
1. 소켓 연결이 1개씩 늘어나는 문제 소켓 연결이 있는 페이지에 새로 고침 없이 나갔다가 다시 들어가면 1개만 연결됐다가 2개 연결됐다가 3개 연결됐다가 한개씩 늘어남 useEffect(() => { dispatch(MyPageService.getOneChatRoomContents(chatroodId)); console.log("connect"); StompClient.connect( {}, function (frame) { StompClient.subscribe( `/sub/chat/room/${chatroodId}`, function (message) { var recv = JSON.parse(message.body); recvMessage(recv); } ); }, function (error) ..
TIL
[TIL] 0328 ag grid 기본 옵션들 설명
2022.04.01
1. ag grid 기본 옵션들 ✏︎ columnGroupShow: 'closed' - open이면 화살표가 생기면서 옆으로 늘어날 때 오픈되고 closed면 closed되었을때 노출됨 ✏︎ resizable: true, - 컬럼 사이즈를 조정할 수 있는지 없는지 ✏︎ editable: false, - 셀을 수정할 수 있는지 ✏︎ sortable: true, - 컬럼 자체에서 소팅가능한지 ✏︎ enableRowGroup: true, - 로우 그룹을 지정할 수 있는지 ✏︎ enablePivot: true, - 피봇 기능 가능한지 ✏︎ enableValue: true, - 컬럼에 function을 지정해서 값을 보여줄 수 있는지 ✏︎ floatingFilter: true, - 컬럼 헤더 바로밑에 필터가 있는..
TIL
[TIL] 0326 소켓 + stomp로 리액트 채팅 구현 참고 자료
2022.04.01
1. 웹소켓 + stomp를 이용하여 react 채팅 구현 https://dodop-blog.tistory.com/227 WebSocket 사용해서 react와 함께 채팅구현하기 (Stomp사용하기) nodejs에서 socketio를 이용해서 클라이언트와 서버의 채팅을 구현한다면, spring에는 stompjs가 존재한다. STOMP stomp는 websocket와 같이 양방향(클라이언트-서버)네트워크 프로토콜로 HTTP에서 모델링되는 dodop-blog.tistory.com https://dev-gorany.tistory.com/235 [Spring Boot] WebSocket과 채팅 (3) - STOMP [Spring Boot] WebSocket과 채팅 (2) - SockJS [Spring Boot]..
