Merge pull request #21 from sinwoojin/fix/edit-ssrFetch-call

Fix/edit ssr fetch call

Author: sinwoojin

backend/README.md

@@ -85,11 +85,11 @@ Content-Type: application/json
 ```bash
 # 잔액 조회
 GET /wallet/balance
-Authorization: Bearer {access_token}
+Authorization: Bearer {accessToken}
 
 # 코인 구매
 POST /wallet/buy
-Authorization: Bearer {access_token}
+Authorization: Bearer {accessToken}
 Content-Type: application/json
 {
   "coinId": "bitcoin",

backend/src/auth/auth.controller.ts

@@ -13,7 +13,7 @@ export class AuthController {
   }
 
   @Post('login')
-  async login(@Body() body: { email: string; password: string }):Promise<{access_token: string; user: LoginUser}> {
+  async login(@Body() body: { email: string; password: string }):Promise<{accessToken: string; user: LoginUser}> {
     console.log('📌 Login request body:', body);
 
     const user = await this.authService.validateUser(body.email, body.password);

backend/src/auth/auth.module.ts

@@ -15,6 +15,6 @@ import { JwtStrategy } from './jwt.strategy';
   ],
   providers: [AuthService, JwtStrategy],
   controllers: [AuthController],
-  exports: [AuthService],
+  exports: [AuthService, JwtModule, JwtStrategy],
 })
 export class AuthModule {}

backend/src/auth/auth.service.ts

@@ -49,7 +49,7 @@ export class AuthService {
   async login(user: LoginUser) {
     const payload = { email: user.email, sub: user.id };
     return {
-      access_token: this.jwtService.sign(payload),
+      accessToken: this.jwtService.sign(payload),
       user,
     };
   }

backend/src/events/events.gateway.ts

@@ -1,6 +1,7 @@
 import {
   OnGatewayConnection,
   OnGatewayDisconnect,
+  SubscribeMessage,
   WebSocketGateway,
   WebSocketServer,
 } from '@nestjs/websockets';
@@ -19,9 +20,14 @@ export class EventsGateway implements OnGatewayConnection, OnGatewayDisconnect {
     console.log(`Client disconnected: ${client.id}`);
   }
 
+  @SubscribeMessage('joinUserRoom')
+  handleJoinRoom(client: Socket, userId: string) {
+    client.join(`user-${userId}`);
+    console.log(`User ${userId} joined room user-${userId}`);
+    return { success: true };
+  }
+
   sendWalletUpdate(userId: string, newBalance: number) {
-    // In a real app, you'd target the specific user's socket room
-    // For this demo, we'll just broadcast or emit to a room named after userId
     this.server
       .to(`user-${userId}`)
       .emit('walletUpdate', { balance: newBalance });

backend/src/wallet/wallet.module.ts

@@ -1,11 +1,12 @@
 import { Module } from '@nestjs/common';
+import { AuthModule } from 'src/auth/auth.module';
 import { DatabaseModule } from '../database/database.module';
 import { EventsModule } from '../events/events.module';
 import { WalletController } from './wallet.controller';
 import { WalletService } from './wallet.service';
 
 @Module({
-  imports: [DatabaseModule, EventsModule],
+  imports: [DatabaseModule, EventsModule, AuthModule],
   providers: [WalletService],
   controllers: [WalletController],
 })

backend/verify.sh

@@ -9,7 +9,7 @@ echo $REGISTER_RESPONSE
 echo "Logging in..."
 LOGIN_RESPONSE=$(curl -s -X POST http://localhost:3000/auth/login -H "Content-Type: application/json" -d '{"email": "test@example.com", "password": "password123"}')
 echo $LOGIN_RESPONSE
-TOKEN=$(echo $LOGIN_RESPONSE | grep -o '"access_token":"[^"]*' | grep -o '[^"]*$')
+TOKEN=$(echo $LOGIN_RESPONSE | grep -o '"accessToken":"[^"]*' | grep -o '[^"]*$')
 echo "Token: $TOKEN"
 
 # Get Balance

frontend/package-lock.json

@@ -56,6 +56,7 @@
     "react-hook-form": "^7.60.0",
     "react-resizable-panels": "^2.1.7",
     "recharts": "2.15.4",
+    "socket.io-client": "^4.8.1",
     "sonner": "^1.7.4",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",

frontend/package.json

@@ -45,14 +45,12 @@ function LoginPage() {
 
       if (response.ok) {
         const data = await response.json();
-        // Context 업데이트 (로컬 스토리지는 Provider가 처리)
-        if (data.access_token) {
-          setAccessToken(data.access_token);
+        if (data.accessToken) {
+          setAccessToken(data.accessToken);
         }
         if (data.user) {
           setUser(data.user);
         }
-        // 메인 페이지로 이동
         router.push("/");
       } else {
         const data = await response.json();