문씨네프로젝트

  • 홈
  • 태그
  • 방명록

JavasScript 1

[React, TypeScript] 실시간 시세표 일정 시간만 border 노출하기

문제 기존에 만들었던 시세표 내 border 노출은 1개 값 기준으로 되어 있었기 때문에, rabbitMq를 통해 갑자기 여러건의 시세 변경 건이 들어온다면 바뀐 시세의 border가 잠깐 보이고 빛보다 빠르게 사라지는 문제 즉, 현재 시세가 바뀌는 종목이 표시는 되나, 다른 종목에서 시세가 바뀌면 표시칸이 바로 바뀜 현재 시세칸의 border가 바로 바뀌는게 아니라 일정 시간을 두고 차례대로 없어져야함 해결방법 1. 들어온 데이터들의 종목코드를 array에 담았다가, setTimeOut으로 일정 시간 뒤에 삭제하는 방식(push & shift) const [queue, setQueue] = React.useState([]); React.useEffect( () => { // 전달 받은 시세 데이터의 종..

React 2023.09.08
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (25)
    • Vue (1)
    • React (10)
    • Spring Boot (0)
    • Redis (0)
    • 알고리즘 풀이 (14)
      • leetcode (14)
      • 프로그래머스 (0)
      • softeer (0)

Tag

Blob, proxy, lightweight-charts, TypeScript, array, leetcode, TradingVIew, react hook, error, 코딩테스트, JavaScript, spring boot, JavasScript, JS, Queue, 파일 다운로드, setState, flusySync, Whitelabel, react,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바