incodevelop

  • 홈

sharedworker 1

🧩Webpack + SharedWorker + TypeScript 환경에서 발생한 트러블슈팅 기록

React 프로젝트에서 여러 탭 간 WebSocket 연결을 공유하기 위해 SharedWorker를 사용하려고 했고, 백엔드가 Spring Boot 기반이라 STOMP 프로토콜을 클라이언트에서도 사용해야 했다. 하지만 Webpack + TypeScript 환경에서 SharedWorker를 구성하는 과정에서 여러 문제가 발생했다.🔍 초기 설계 방향과 발생한 오해들1. 원래 SharedWorker는 이렇게 쓰는 줄 알았다. - 정적 경로 기반 접근에 대한 이해 부족const worker = new SharedWorker("/worker/sharedWorker.js");이 방식은 브라우저가 서버의 정적 경로(/worker/sharedWorker.js)로 워커 파일을 직접 요청함여기서 "서버"는 Webpack..

TIL 2025.03.30
이전
1
다음
더보기
프로필사진

  • 분류 전체보기
    • TIL

Tag

rootlayout, webpack-loader, server-action, websocket, 함수실행시점, closure, useformstatus(), 낙관적업데이트, zod, next.js, sharedworker, useoptimistic(), useformstate(), api_url, deploy.yaml, is there any way to add values to an array column with update?, usetransition(), intersection-observer없이, 기존 데이터에 추가, revalidatepath(),

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

티스토리툴바