[자바스크립트] 이벤트 중복 현상 / 등록된 이벤트 리스터 확인하기 getEventListeners / 등록된 이벤트 지우기 removeEventListeners
JSP에서 Thymeleaf로 옮겨가면서 채팅메세지가 중복으로 오는 현상이 발생했다. 채팅 내용을 받기 위해 message 이벤트를 등록하고 messageHandler 함수를 호출하게끔 개발이 되어있었다. 중복으로 메세지가 오는 것의 원인은 채팅 페이지를 열 때 마다 이벤트가 등록이 되었기 때문이다. window.addEventListener('message', messageHandler); window 객체가 변경 되는 것은 일반적으로 페이지 전환 또는 새로운 브라우저 창을 열 때 발생하는데 SPA에서는 페이지를 새로 로드하지 않고 콘텐츠만을 변경하므로 window객체는 그대로 유지된다. 따라서, 채팅이 있는 페이지를 여러면 열면, 연 만큼 window.addEventListener가 호출 되어 이벤트..
프론트엔드/javascript
2023. 9. 5. 15:03
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 리액트
- Docker
- 현대
- 자바
- javascript
- softeer
- 전자정부프레임워크
- 현대오토에버
- Spring
- 자바코테
- 아파치카프카
- 자바스크립트
- react
- 오토에버코테
- 스프링
- centos
- Kubernetes
- tomcat
- 코테
- java
- Linux
- springboot
- 도커
- 톰캣
- 현대코테
- java 코테
- softeer java
- 코딩테스트
- 쿠버네티스
- mysql
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함