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