[251101] fix: CheckOutPanel Mock-3

🕐 커밋 시간: 2025. 11. 01. 22:03:38 📊 변경 통계: • 총 파일: 7개 • 추가: +484줄 • 삭제: -162줄 📁 추가된 파일: + com.twin.app.shoptime/get_console_logs.js 📝 수정된 파일: ~ com.twin.app.shoptime/package-lock.json ~ com.twin.app.shoptime/package.json ~ com.twin.app.shoptime/src/utils/mockDataSafetyUtils.js ~ com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx ~ com.twin.app.shoptime/src/views/CheckOutPanel/container/SummaryContainerMock.jsx ~ com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.jsx 🔧 주요 변경 내용: • 프로젝트 의존성 관리 개선 • 공통 유틸리티 함수 최적화 • UI 컴포넌트 아키텍처 개선 • 로깅 시스템 개선 • 대규모 기능 개발 • 모듈 구조 개선 BREAKING CHANGE: API 또는 설정 변경으로 인한 호환성 영향 가능
2025-11-01 22:03:42 +09:00
parent 6292e84052
commit 830dc65871
7 changed files with 554 additions and 162 deletions
--- a/com.twin.app.shoptime/get_console_logs.js
+++ b/com.twin.app.shoptime/get_console_logs.js
@@ -0,0 +1,70 @@
+const WebSocket = require('ws');
+const http = require('http');
+
+async function getConsoleLogs() {
+    try {
+        // Shop Time 탭의 WebSocket URL
+        const wsUrl = 'ws://localhost:9222/devtools/page/FB23F44B50DA1DD3F02A80346F3D67CF';
+
+        const ws = new WebSocket(wsUrl);
+
+        ws.on('open', () => {
+            console.log('🔗 Chrome CDP에 연결되었습니다.');
+
+            // Runtime 도메인 활성화
+            ws.send(JSON.stringify({
+                id: 1,
+                method: 'Runtime.enable',
+                params: {}
+            }));
+
+            // Console 도메인 활성화
+            ws.send(JSON.stringify({
+                id: 2,
+                method: 'Console.enable',
+                params: {}
+            }));
+
+            // 5초 후에 연결 종료
+            setTimeout(() => {
+                console.log('📝 콘솔 로그 수집 완료');
+                ws.close();
+            }, 5000);
+        });
+
+        let logCount = 0;
+        ws.on('message', (data) => {
+            const message = JSON.parse(data);
+
+            // 콘솔 메시지 처리
+            if (message.method === 'Console.messageAdded' && logCount < 10) {
+                const log = message.params.message;
+                const timestamp = new Date(log.timestamp).toLocaleTimeString();
+                console.log(`[${timestamp}] ${log.level}: ${log.text}`);
+                logCount++;
+            }
+
+            // Runtime 콘솔 API 호출 처리
+            if (message.method === 'Runtime.consoleAPICalled' && logCount < 10) {
+                const timestamp = new Date().toLocaleTimeString();
+                const args = message.params.args.map(arg => arg.value || arg.description).join(' ');
+                console.log(`[${timestamp}] ${message.params.type}: ${args}`);
+                logCount++;
+            }
+        });
+
+        ws.on('error', (error) => {
+            console.error('❌ 연결 오류:', error.message);
+        });
+
+        ws.on('close', () => {
+            console.log('✅ 연결이 종료되었습니다.');
+            process.exit(0);
+        });
+
+    } catch (error) {
+        console.error('❌ 오류 발생:', error.message);
+    }
+}
+
+getConsoleLogs();