feat: 화면관리 시스템 구현

- 컴포넌트 드래그앤드롭 시스템 완성
- 속성 편집 및 실시간 미리보기 기능
- 버튼 시스템 통합 (유니버설 버튼)
- 격자 시스템 및 해상도 설정 패널
- 상세설정 패널 구현
- 스타일 편집기 최적화
- 라벨 처리 시스템 개선

backend-node/src/app.ts

@@ -30,10 +30,37 @@ app.use(express.urlencoded({ extended: true, limit: "10mb" }));
 // CORS 설정
 app.use(
   cors({
-    origin: config.cors.origin,
+    origin: function (origin, callback) {
+      const allowedOrigins = config.cors.origin
+        .split(",")
+        .map((url) => url.trim());
+      // Allow requests with no origin (like mobile apps or curl requests)
+      if (!origin) return callback(null, true);
+      if (allowedOrigins.indexOf(origin) !== -1) {
+        return callback(null, true);
+      } else {
+        console.log(`CORS rejected origin: ${origin}`);
+        return callback(
+          new Error(
+            "CORS policy does not allow access from the specified Origin."
+          ),
+          false
+        );
+      }
+    },
     credentials: true,
     methods: ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"],
-    allowedHeaders: ["Content-Type", "Authorization", "X-Requested-With"],
+    allowedHeaders: [
+      "Content-Type",
+      "Authorization",
+      "X-Requested-With",
+      "Accept",
+      "Origin",
+      "Access-Control-Request-Method",
+      "Access-Control-Request-Headers",
+    ],
+    preflightContinue: false,
+    optionsSuccessStatus: 200,
   })
 );
 
@@ -86,11 +113,13 @@ app.use(errorHandler);
 
 // 서버 시작
 const PORT = config.port;
+const HOST = config.host;
 
-app.listen(PORT, () => {
-  logger.info(`🚀 Server is running on port ${PORT}`);
+app.listen(PORT, HOST, () => {
+  logger.info(`🚀 Server is running on ${HOST}:${PORT}`);
   logger.info(`📊 Environment: ${config.nodeEnv}`);
-  logger.info(`🔗 Health check: http://localhost:${PORT}/health`);
+  logger.info(`🔗 Health check: http://${HOST}:${PORT}/health`);
+  logger.info(`🌐 External access: http://39.117.244.52:${PORT}/health`);
 });
 
 export default app;