backend/src/server.ts

@@ -75,6 +75,7 @@ const allowedOrigins = [
   ...(process.env.NODE_ENV !== 'production' ? [
     'http://localhost:5173',
     'http://localhost:5174',
+    'http://localhost:5175',
     'http://localhost:3000',
   ] : []),
 ].filter(Boolean) as string[]

frontend/src/tabs/aerial/components/RealtimeDrone.tsx

@@ -131,7 +131,7 @@ export function RealtimeDrone() {
                   <div className="flex items-center gap-2">
                     <div className="text-sm">🚁</div>
                     <div>
-                      <div className="text-[11px] font-semibold text-text-1 font-korean">{stream.shipName} <span className="text-[9px] text-text-3 font-normal">({stream.droneModel})</span></div>
+                      <div className="text-[11px] font-semibold text-text-1 font-korean">{stream.shipName} <span className="text-[9px] text-primary-cyan font-semibold">({stream.droneModel})</span></div>
                       <div className="text-[9px] text-text-3 font-mono">{stream.ip}</div>
                     </div>
                   </div>

frontend/vite.config.ts

@@ -6,6 +6,7 @@ import path from 'path'
 export default defineConfig({
   plugins: [react()],
   server: {
+    port: 5174,
     proxy: {
       // HLS 스트림 프록시 등 상대 경로 API 요청을 백엔드로 전달
       '/api': {