hotfix: 실시간 친구 접속 깃 문제 hotfix

.gitignore

@@ -70,4 +70,7 @@ volumes/
 /frontend/node_modules/
 
 ## backend static ignore
-/backend/static/
+/backend/static/
+
+## frontend SPA ignore
+/frontend/index.html

backend/friends/consumers.py

@@ -9,7 +9,7 @@
 logger = logging.getLogger(__name__)
 
 @database_sync_to_async
-def set_user_online(self, user_id, online=True):
+def set_user_online(user_id, online=True):
     User.objects.filter(id=user_id).update(is_online=online)
 
 class FriendStatusConsumer(AsyncWebsocketConsumer):    
@@ -23,8 +23,8 @@ async def connect(self):
             )
             await self.accept()
             # 친구들에게 접속 상태 업데이트 전송
-            await self.notify_friends_online()
-            await self.set_user_online(self.user.id, online=True)
+            # await self.notify_friends_online()
+            await set_user_online(self.user.id, online=True)
             logger.info(f"Websocket connection established for user {self.user.id}")
         else:
             logger.info("Websocket connection rejected")
@@ -38,7 +38,7 @@ async def disconnect(self, close_code):
             )
             # 친구들에게 접속 해제 상태 업데이트 전송
             await self.notify_friends_offline()
-            await self.set_user_online(self.user.id, online=False)
+            await set_user_online(self.user.id, online=False)
             logger.info(f"Websocket connection closed for user {self.user.id}")
 
     async def notify_friends_online(self):

frontend/index.html

@@ -14,7 +14,7 @@
 <header id="header"></header>
 <div id="app" style="width: 100vw; height: 88vh;"></div>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
-    <script>window.mode = "dev"</script>
+    <script>window.mode = "prod"</script>
     <script type="module" src="main.js"></script>
 </body>
 </html>

frontend/src/header/mainHeader/header.js

@@ -26,6 +26,7 @@ export default function MainHeader($container) {
         response.json().then((data) => {
           setUserInfo(data);
         });
+        new WebSocket('wss://localhost/ws/friend_status/');
       } else {
         // TODO => 에러 페이지로 이동
         navigate("/");