[SWR] serverless Real-Time

찐새·2022년 5월 29일
0

next.js

목록 보기
15/41
post-thumbnail

refreshInterval

serverless 환경에서는 완벽한 실시간 통신을 구축할 수 없다. 실시간으로 정보를 주고 받으려면 서버가 백그라운드에서 항상 가동 중이어야 한다. serverless는 엄밀히 따지면 서버가 있긴 하지만, 공용 서버를 사용하고, api를 요청할 뿐이며, 백그라운드에서 항상 요청을 대기하는 서버는 없다. 때문에 바로바로 업데이트 되는 실시간 통신을 만들기는 불가능하다.

하나의 트릭으로, SWR에서 제공하는 함수를 통해 Real Time과 비슷한 효과를 낼 수 있다. refreshInterval은 설정한 ms간격으로 api 요청을 보내 데이터를 호출한다.

const { data } = useSWR("/api/user", { refreshInterval:1000 });

위 예시는 1초마다 해당 api로 요청을 보내 데이터를 갱신한다.


참고
노마드 코더 - 캐럿마켓 클론코딩
SWR - revalidate on interval

profile
프론트엔드 개발자가 되고 싶다

0개의 댓글