#Network#Javascript#React
[실시간 통신] 주기 폴링
폴링부터 WebRTC까지, 실시간 통신 방식을 하나씩 정리하는 시리즈의 첫 번째 글입니다. 널리 알려진 방식이기 때문에 새로운 기술을 소개하기 보다는, 실제 프로젝트에서 어떤 문제를 해결하기 위해 선택했고 사용하면서 어떤 하계를 느꼈는지에 초점을 맞췄습니다. 실시간 데...
·1
총 4개의 글
폴링부터 WebRTC까지, 실시간 통신 방식을 하나씩 정리하는 시리즈의 첫 번째 글입니다. 널리 알려진 방식이기 때문에 새로운 기술을 소개하기 보다는, 실제 프로젝트에서 어떤 문제를 해결하기 위해 선택했고 사용하면서 어떤 하계를 느꼈는지에 초점을 맞췄습니다. 실시간 데...
프론트엔드에서 인증을 구현하다 보면, 액세스 토큰이 만료된 상태에서 여러 요청이 동시에 401 응답을 받는 상황을 흔히 마주하게 됩니다. 이 글에서는 그 상황이 발생하는 원인부터 해결 방법까지 차례대로 설명합니다. 1. 토큰 구조의 이해 대부분의 현대 웹 서비스는 두 ...
자바스크립트는 싱글 스레드 언어입니다. 즉, 한 번에 하나의 작업만 처리할 수 있습니다. 그런데 자바스크립트는 수많은 비동기 작업을 동시에 처리합니다.비법은 바로 이벤트 루프(Event Loop)입니다. 이 게시글에서 이벤트 루프에 대해 알아보고, JS 엔진에 대해 분...
해당 문서는 React SPA + Vite 환경을 기준으로 작성합니다. Supabase Auth는 클라이언트 Javascript만로 Google OAuth를 구현할 수 있어 SPA 환경에 적합해 채택했습니다. Google OAuth 2.0 동작 원리 구현하기 전 OAu...