일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- getUTCDate
- background setttimeout
- background: url
- 고급안내서
- React 18 Nextjs
- React18
- Next13
- react
- React 18
- Nextjs
- next13 head
- notFound()
- codingtest
- react hook
- background tab
- React 고급 안내서
- Babel
- RTK Query
- background setInterval
- CSS
- React 고급안내서
- Javascript
- context
- React API 참고서
- hook
- Render Props
- React 공식문서
- Nextjs React 18
- react-helmet
- Programmers
Archives
- Today
- Total
목록background tab (1)
akjfal
background에서 setinterval이나 settimeout 돌리기
페이지에서 서버에 파일을 업로드하며 API를 setInterval로 지속적으로 쏘고, 응답을 받아서 진행률을 업데이트 해야하는 작업이 있었습니다. 그런데 이때 화면을 보고 있을때는 정상적으로 페이지가 동작하지만, 파일 업로드를 눌러놓고 다른 탭의 작업을 진행했을 때 setInterval이 비정상적으로 동작하는 현상을 발견했습니다. 원인 setInterval이나 setTimeout를 통해 polling을 구현하고 있는 페이지에서 돌리고 있다고 가정해봅시다. // app.js interval 발생시키기 setInterval(()=> { console.log('setinterval') }, 100); 위 코드를 실행 시킬 시 setinterval이라는 콘솔이 계속 찍히게 됩니다. 이때 탭을 옆으로 넘어가거나 ..
하루의 이슈
2023. 5. 9. 12:44