250x250
반응형
- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- styled-component
- next.js toast
- localStorage
- useRouter
- react life sycle
- 오라클클라우드
- 훈련소 후기
- 산업기능요원 훈련소
- resolved to branch.
- 리액트 라이프사이클
- 자바스크립트
- no-use-before-define
- 훈련소
- react toast
- 오블완
- 리액트 알림
- The above error occurred in the
- 자바스크립트 순수함수
- angular
- NextJS
- useformstatus
- 사회복무요원 훈련소
- 비동기 병렬처리
- react
- sessionStorage
- 공익 훈련소
- 리액트
- svgr
- server action
- query param
Archives
목록SOCKET (1)
아 그거 뭐였지
[Angular] Angular에서 soket.io 사용하기
Q. 실시간으로 데이터를 받아서 출력해주세요. 레이저 사격 프로젝트를 진행하던중 메인 기능이였던 격발이 완료될시 점수와 표적위치를 출력하는 기능이 필요하였다. 처음에는 setInterval로 서버에 1초마다 요청을 하면서 데이터를 받아왔지만, 사격 특성상 언제 사격이 될지 모르고 대기하는 상황에서도 계속해서 서버로 요청을 보내다보니 어떨대는 데이터를 받아오지 못하거나 웹 페이지가 느려지는 현상이 발생하였다. 이런 불필요한 요청을 하지 않고 안정적으로 데이터를 받아올 수있도록 데이터 상태변화를 감지하는 observable과 subcribe를 사용해서 구현하였다. socket을 사용하기위해서는 아래 명령어로 설치를 해주어야한다. npm install socket.io-client 바로 코드로 확인해보자. /..
Front-End
2022. 5. 18. 23:09