console.log 주석 처리 - 개발환경 정리
- menu, company, screenMng, i18n, tableMng 모듈 console 주석 처리 - 총 55개 파일 수정 - 빌드 에러 수정 완료 - 백엔드 서버 정상 작동 확인 관련 파일: - frontend/components/admin/MenuManagement.tsx - frontend/components/admin/MenuFormModal.tsx - frontend/components/admin/ScreenAssignmentTab.tsx - frontend/components/admin/CompanyTable.tsx - frontend/components/admin/MultiLang.tsx - frontend/app/(main)/admin/tableMng/page.tsx - 기타 screen 관련 컴포넌트 49개 파일
This commit is contained in:
leeheejin
parent
4202a5b310
commit
2c0dca08b4
|
|
@ -18,13 +18,15 @@
|
|||
"express": "^4.18.2",
|
||||
"express-rate-limit": "^7.1.5",
|
||||
"helmet": "^7.1.0",
|
||||
"imap": "^0.8.19",
|
||||
"joi": "^17.11.0",
|
||||
"jsonwebtoken": "^9.0.2",
|
||||
"mailparser": "^3.7.4",
|
||||
"mssql": "^11.0.1",
|
||||
"multer": "^1.4.5-lts.1",
|
||||
"mysql2": "^3.15.0",
|
||||
"node-cron": "^4.2.1",
|
||||
"nodemailer": "^6.9.7",
|
||||
"nodemailer": "^6.10.1",
|
||||
"oracledb": "^6.9.0",
|
||||
"pg": "^8.16.3",
|
||||
"redis": "^4.6.10",
|
||||
|
|
@ -36,13 +38,15 @@
|
|||
"@types/cors": "^2.8.17",
|
||||
"@types/express": "^4.17.21",
|
||||
"@types/fs-extra": "^11.0.4",
|
||||
"@types/imap": "^0.8.42",
|
||||
"@types/jest": "^29.5.11",
|
||||
"@types/jsonwebtoken": "^9.0.5",
|
||||
"@types/mailparser": "^3.4.6",
|
||||
"@types/morgan": "^1.9.9",
|
||||
"@types/multer": "^1.4.13",
|
||||
"@types/node": "^20.10.5",
|
||||
"@types/node-cron": "^3.0.11",
|
||||
"@types/nodemailer": "^6.4.14",
|
||||
"@types/nodemailer": "^6.4.20",
|
||||
"@types/oracledb": "^6.9.1",
|
||||
"@types/pg": "^8.15.5",
|
||||
"@types/sanitize-html": "^2.9.5",
|
||||
|
|
@ -2312,6 +2316,19 @@
|
|||
"@redis/client": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@selderee/plugin-htmlparser2": {
|
||||
"version": "0.11.0",
|
||||
"resolved": "https://registry.npmjs.org/@selderee/plugin-htmlparser2/-/plugin-htmlparser2-0.11.0.tgz",
|
||||
"integrity": "sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"domhandler": "^5.0.3",
|
||||
"selderee": "^0.11.0"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://ko-fi.com/killymxi"
|
||||
}
|
||||
},
|
||||
"node_modules/@sideway/address": {
|
||||
"version": "4.1.5",
|
||||
"resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
|
||||
|
|
@ -3184,6 +3201,16 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/imap": {
|
||||
"version": "0.8.42",
|
||||
"resolved": "https://registry.npmjs.org/@types/imap/-/imap-0.8.42.tgz",
|
||||
"integrity": "sha512-FusePG9Cp2GYN6OLow9xBCkjznFkAR7WCz0Fm+j1p/ER6C8V8P71DtjpSmwrZsS7zekCeqdTPHEk9N5OgPwcsg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/istanbul-lib-coverage": {
|
||||
"version": "2.0.6",
|
||||
"resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
|
||||
|
|
@ -3250,6 +3277,30 @@
|
|||
"@types/node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/mailparser": {
|
||||
"version": "3.4.6",
|
||||
"resolved": "https://registry.npmjs.org/@types/mailparser/-/mailparser-3.4.6.tgz",
|
||||
"integrity": "sha512-wVV3cnIKzxTffaPH8iRnddX1zahbYB1ZEoAxyhoBo3TBCBuK6nZ8M8JYO/RhsCuuBVOw/DEN/t/ENbruwlxn6Q==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@types/node": "*",
|
||||
"iconv-lite": "^0.6.3"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/mailparser/node_modules/iconv-lite": {
|
||||
"version": "0.6.3",
|
||||
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
|
||||
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"safer-buffer": ">= 2.1.2 < 3.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/methods": {
|
||||
"version": "1.1.4",
|
||||
"resolved": "https://registry.npmjs.org/@types/methods/-/methods-1.1.4.tgz",
|
||||
|
|
@ -3319,9 +3370,9 @@
|
|||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/nodemailer": {
|
||||
"version": "6.4.19",
|
||||
"resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.19.tgz",
|
||||
"integrity": "sha512-Fi8DwmuAduTk1/1MpkR9EwS0SsDvYXx5RxivAVII1InDCIxmhj/iQm3W8S3EVb/0arnblr6PK0FK4wYa7bwdLg==",
|
||||
"version": "6.4.20",
|
||||
"resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.20.tgz",
|
||||
"integrity": "sha512-uj83z0GqwqMUE6RI4EKptPlav0FYE6vpIlqJAnxzu+/sSezRdbH69rSBCMsdW6DdsCAzoFQZ52c2UIlhRVQYDA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
|
|
@ -4868,7 +4919,6 @@
|
|||
"version": "4.3.1",
|
||||
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
|
||||
"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
|
|
@ -5022,7 +5072,6 @@
|
|||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
|
||||
"integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"domelementtype": "^2.3.0",
|
||||
|
|
@ -5037,7 +5086,6 @@
|
|||
"version": "2.3.0",
|
||||
"resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
|
||||
"integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
|
||||
"dev": true,
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
|
|
@ -5050,7 +5098,6 @@
|
|||
"version": "5.0.3",
|
||||
"resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
|
||||
"integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
|
||||
"dev": true,
|
||||
"license": "BSD-2-Clause",
|
||||
"dependencies": {
|
||||
"domelementtype": "^2.3.0"
|
||||
|
|
@ -5066,7 +5113,6 @@
|
|||
"version": "3.2.2",
|
||||
"resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
|
||||
"integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
|
||||
"dev": true,
|
||||
"license": "BSD-2-Clause",
|
||||
"dependencies": {
|
||||
"dom-serializer": "^2.0.0",
|
||||
|
|
@ -5160,11 +5206,19 @@
|
|||
"node": ">= 0.8"
|
||||
}
|
||||
},
|
||||
"node_modules/encoding-japanese": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmjs.org/encoding-japanese/-/encoding-japanese-2.2.0.tgz",
|
||||
"integrity": "sha512-EuJWwlHPZ1LbADuKTClvHtwbaFn4rOD+dRAbWysqEOXRc2Uui0hJInNJrsdH0c+OhJA4nrCBdSkW4DD5YxAo6A==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=8.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/entities": {
|
||||
"version": "4.5.0",
|
||||
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
|
||||
"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
|
||||
"dev": true,
|
||||
"license": "BSD-2-Clause",
|
||||
"engines": {
|
||||
"node": ">=0.12"
|
||||
|
|
@ -6198,6 +6252,15 @@
|
|||
"node": ">= 0.4"
|
||||
}
|
||||
},
|
||||
"node_modules/he": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
|
||||
"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
|
||||
"license": "MIT",
|
||||
"bin": {
|
||||
"he": "bin/he"
|
||||
}
|
||||
},
|
||||
"node_modules/helmet": {
|
||||
"version": "7.2.0",
|
||||
"resolved": "https://registry.npmjs.org/helmet/-/helmet-7.2.0.tgz",
|
||||
|
|
@ -6214,11 +6277,26 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/html-to-text": {
|
||||
"version": "9.0.5",
|
||||
"resolved": "https://registry.npmjs.org/html-to-text/-/html-to-text-9.0.5.tgz",
|
||||
"integrity": "sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@selderee/plugin-htmlparser2": "^0.11.0",
|
||||
"deepmerge": "^4.3.1",
|
||||
"dom-serializer": "^2.0.0",
|
||||
"htmlparser2": "^8.0.2",
|
||||
"selderee": "^0.11.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
}
|
||||
},
|
||||
"node_modules/htmlparser2": {
|
||||
"version": "8.0.2",
|
||||
"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
|
||||
"integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
|
||||
"dev": true,
|
||||
"funding": [
|
||||
"https://github.com/fb55/htmlparser2?sponsor=1",
|
||||
{
|
||||
|
|
@ -6335,6 +6413,42 @@
|
|||
"dev": true,
|
||||
"license": "ISC"
|
||||
},
|
||||
"node_modules/imap": {
|
||||
"version": "0.8.19",
|
||||
"resolved": "https://registry.npmjs.org/imap/-/imap-0.8.19.tgz",
|
||||
"integrity": "sha512-z5DxEA1uRnZG73UcPA4ES5NSCGnPuuouUx43OPX7KZx1yzq3N8/vx2mtXEShT5inxB3pRgnfG1hijfu7XN2YMw==",
|
||||
"dependencies": {
|
||||
"readable-stream": "1.1.x",
|
||||
"utf7": ">=1.0.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.8.0"
|
||||
}
|
||||
},
|
||||
"node_modules/imap/node_modules/isarray": {
|
||||
"version": "0.0.1",
|
||||
"resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
|
||||
"integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/imap/node_modules/readable-stream": {
|
||||
"version": "1.1.14",
|
||||
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
|
||||
"integrity": "sha512-+MeVjFf4L44XUkhM1eYbD8fyEsxcV81pqMSR5gblfcLCHfZvbrqy4/qYHE+/R5HoBUT11WV5O08Cr1n3YXkWVQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"core-util-is": "~1.0.0",
|
||||
"inherits": "~2.0.1",
|
||||
"isarray": "0.0.1",
|
||||
"string_decoder": "~0.10.x"
|
||||
}
|
||||
},
|
||||
"node_modules/imap/node_modules/string_decoder": {
|
||||
"version": "0.10.31",
|
||||
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
|
||||
"integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/import-fresh": {
|
||||
"version": "3.3.1",
|
||||
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
|
||||
|
|
@ -7403,6 +7517,15 @@
|
|||
"integrity": "sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/leac": {
|
||||
"version": "0.6.0",
|
||||
"resolved": "https://registry.npmjs.org/leac/-/leac-0.6.0.tgz",
|
||||
"integrity": "sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://ko-fi.com/killymxi"
|
||||
}
|
||||
},
|
||||
"node_modules/leven": {
|
||||
"version": "3.1.0",
|
||||
"resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
|
||||
|
|
@ -7427,6 +7550,42 @@
|
|||
"node": ">= 0.8.0"
|
||||
}
|
||||
},
|
||||
"node_modules/libbase64": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/libbase64/-/libbase64-1.3.0.tgz",
|
||||
"integrity": "sha512-GgOXd0Eo6phYgh0DJtjQ2tO8dc0IVINtZJeARPeiIJqge+HdsWSuaDTe8ztQ7j/cONByDZ3zeB325AHiv5O0dg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/libmime": {
|
||||
"version": "5.3.7",
|
||||
"resolved": "https://registry.npmjs.org/libmime/-/libmime-5.3.7.tgz",
|
||||
"integrity": "sha512-FlDb3Wtha8P01kTL3P9M+ZDNDWPKPmKHWaU/cG/lg5pfuAwdflVpZE+wm9m7pKmC5ww6s+zTxBKS1p6yl3KpSw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"encoding-japanese": "2.2.0",
|
||||
"iconv-lite": "0.6.3",
|
||||
"libbase64": "1.3.0",
|
||||
"libqp": "2.1.1"
|
||||
}
|
||||
},
|
||||
"node_modules/libmime/node_modules/iconv-lite": {
|
||||
"version": "0.6.3",
|
||||
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
|
||||
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"safer-buffer": ">= 2.1.2 < 3.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/libqp": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/libqp/-/libqp-2.1.1.tgz",
|
||||
"integrity": "sha512-0Wd+GPz1O134cP62YU2GTOPNA7Qgl09XwCqM5zpBv87ERCXdfDtyKXvV7c9U22yWJh44QZqBocFnXN11K96qow==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/lines-and-columns": {
|
||||
"version": "1.2.4",
|
||||
"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
|
||||
|
|
@ -7434,6 +7593,15 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/linkify-it": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
|
||||
"integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"uc.micro": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/locate-path": {
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
|
||||
|
|
@ -7554,6 +7722,56 @@
|
|||
"url": "https://github.com/sponsors/wellwelwel"
|
||||
}
|
||||
},
|
||||
"node_modules/mailparser": {
|
||||
"version": "3.7.4",
|
||||
"resolved": "https://registry.npmjs.org/mailparser/-/mailparser-3.7.4.tgz",
|
||||
"integrity": "sha512-Beh4yyR4jLq3CZZ32asajByrXnW8dLyKCAQD3WvtTiBnMtFWhxO+wa93F6sJNjDmfjxXs4NRNjw3XAGLqZR3Vg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"encoding-japanese": "2.2.0",
|
||||
"he": "1.2.0",
|
||||
"html-to-text": "9.0.5",
|
||||
"iconv-lite": "0.6.3",
|
||||
"libmime": "5.3.7",
|
||||
"linkify-it": "5.0.0",
|
||||
"mailsplit": "5.4.5",
|
||||
"nodemailer": "7.0.4",
|
||||
"punycode.js": "2.3.1",
|
||||
"tlds": "1.259.0"
|
||||
}
|
||||
},
|
||||
"node_modules/mailparser/node_modules/iconv-lite": {
|
||||
"version": "0.6.3",
|
||||
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
|
||||
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"safer-buffer": ">= 2.1.2 < 3.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=0.10.0"
|
||||
}
|
||||
},
|
||||
"node_modules/mailparser/node_modules/nodemailer": {
|
||||
"version": "7.0.4",
|
||||
"resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-7.0.4.tgz",
|
||||
"integrity": "sha512-9O00Vh89/Ld2EcVCqJ/etd7u20UhME0f/NToPfArwPEe1Don1zy4mAIz6ariRr7mJ2RDxtaDzN0WJVdVXPtZaw==",
|
||||
"license": "MIT-0",
|
||||
"engines": {
|
||||
"node": ">=6.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/mailsplit": {
|
||||
"version": "5.4.5",
|
||||
"resolved": "https://registry.npmjs.org/mailsplit/-/mailsplit-5.4.5.tgz",
|
||||
"integrity": "sha512-oMfhmvclR689IIaQmIcR5nODnZRRVwAKtqFT407TIvmhX2OLUBnshUTcxzQBt3+96sZVDud9NfSe1NxAkUNXEQ==",
|
||||
"license": "(MIT OR EUPL-1.1+)",
|
||||
"dependencies": {
|
||||
"libbase64": "1.3.0",
|
||||
"libmime": "5.3.7",
|
||||
"libqp": "2.1.1"
|
||||
}
|
||||
},
|
||||
"node_modules/make-dir": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
|
||||
|
|
@ -8202,6 +8420,19 @@
|
|||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/parseley": {
|
||||
"version": "0.12.1",
|
||||
"resolved": "https://registry.npmjs.org/parseley/-/parseley-0.12.1.tgz",
|
||||
"integrity": "sha512-e6qHKe3a9HWr0oMRVDTRhKce+bRO8VGQR3NyVwcjwrbhMmFCX9KszEV35+rn4AdilFAq9VPxP/Fe1wC9Qjd2lw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"leac": "^0.6.0",
|
||||
"peberminta": "^0.9.0"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://ko-fi.com/killymxi"
|
||||
}
|
||||
},
|
||||
"node_modules/parseurl": {
|
||||
"version": "1.3.3",
|
||||
"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
|
||||
|
|
@ -8264,6 +8495,15 @@
|
|||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/peberminta": {
|
||||
"version": "0.9.0",
|
||||
"resolved": "https://registry.npmjs.org/peberminta/-/peberminta-0.9.0.tgz",
|
||||
"integrity": "sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://ko-fi.com/killymxi"
|
||||
}
|
||||
},
|
||||
"node_modules/pg": {
|
||||
"version": "8.16.3",
|
||||
"resolved": "https://registry.npmjs.org/pg/-/pg-8.16.3.tgz",
|
||||
|
|
@ -8610,6 +8850,15 @@
|
|||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/punycode.js": {
|
||||
"version": "2.3.1",
|
||||
"resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
|
||||
"integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/pure-rand": {
|
||||
"version": "6.1.0",
|
||||
"resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
|
||||
|
|
@ -8924,6 +9173,18 @@
|
|||
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/selderee": {
|
||||
"version": "0.11.0",
|
||||
"resolved": "https://registry.npmjs.org/selderee/-/selderee-0.11.0.tgz",
|
||||
"integrity": "sha512-5TF+l7p4+OsnP8BCCvSyZiSPc4x4//p5uPwK8TCnVPJYRmU2aYKMpOXvw8zM5a5JvuuCGN1jmsMwuU2W02ukfA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"parseley": "^0.12.0"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://ko-fi.com/killymxi"
|
||||
}
|
||||
},
|
||||
"node_modules/semver": {
|
||||
"version": "7.7.2",
|
||||
"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
|
||||
|
|
@ -9525,6 +9786,15 @@
|
|||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/tlds": {
|
||||
"version": "1.259.0",
|
||||
"resolved": "https://registry.npmjs.org/tlds/-/tlds-1.259.0.tgz",
|
||||
"integrity": "sha512-AldGGlDP0PNgwppe2quAvuBl18UcjuNtOnDuUkqhd6ipPqrYYBt3aTxK1QTsBVknk97lS2JcafWMghjGWFtunw==",
|
||||
"license": "MIT",
|
||||
"bin": {
|
||||
"tlds": "bin.js"
|
||||
}
|
||||
},
|
||||
"node_modules/tmpl": {
|
||||
"version": "1.0.5",
|
||||
"resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
|
||||
|
|
@ -9771,6 +10041,12 @@
|
|||
"node": ">=14.17"
|
||||
}
|
||||
},
|
||||
"node_modules/uc.micro": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
|
||||
"integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/uglify-js": {
|
||||
"version": "3.19.3",
|
||||
"resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
|
||||
|
|
@ -9848,6 +10124,23 @@
|
|||
"punycode": "^2.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/utf7": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/utf7/-/utf7-1.0.2.tgz",
|
||||
"integrity": "sha512-qQrPtYLLLl12NF4DrM9CvfkxkYI97xOb5dsnGZHE3teFr0tWiEZ9UdgMPczv24vl708cYMpe6mGXGHrotIp3Bw==",
|
||||
"dependencies": {
|
||||
"semver": "~5.3.0"
|
||||
}
|
||||
},
|
||||
"node_modules/utf7/node_modules/semver": {
|
||||
"version": "5.3.0",
|
||||
"resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
|
||||
"integrity": "sha512-mfmm3/H9+67MCVix1h+IXTpDwL6710LyHuk7+cWC9T1mE0qz4iHhh6r4hU2wrIT9iTsAAC2XQRvfblL028cpLw==",
|
||||
"license": "ISC",
|
||||
"bin": {
|
||||
"semver": "bin/semver"
|
||||
}
|
||||
},
|
||||
"node_modules/util-deprecate": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
|
||||
|
|
|
|||
|
|
@ -103,7 +103,7 @@ export default function TableManagementPage() {
|
|||
setUiTexts(response.data.data);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("다국어 텍스트 로드 실패:", error);
|
||||
// console.error("다국어 텍스트 로드 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -125,20 +125,20 @@ export default function TableManagementPage() {
|
|||
// 이미 로드된 경우이지만 빈 배열이 아닌 경우만 스킵
|
||||
const existingColumns = referenceTableColumns[tableName];
|
||||
if (existingColumns && existingColumns.length > 0) {
|
||||
console.log(`🎯 참조 테이블 컬럼 이미 로드됨: ${tableName}`, existingColumns);
|
||||
// console.log(`🎯 참조 테이블 컬럼 이미 로드됨: ${tableName}`, existingColumns);
|
||||
return;
|
||||
}
|
||||
|
||||
console.log(`🎯 참조 테이블 컬럼 로드 시작: ${tableName}`);
|
||||
// console.log(`🎯 참조 테이블 컬럼 로드 시작: ${tableName}`);
|
||||
try {
|
||||
const result = await entityJoinApi.getReferenceTableColumns(tableName);
|
||||
console.log(`🎯 참조 테이블 컬럼 로드 성공: ${tableName}`, result.columns);
|
||||
// console.log(`🎯 참조 테이블 컬럼 로드 성공: ${tableName}`, result.columns);
|
||||
setReferenceTableColumns((prev) => ({
|
||||
...prev,
|
||||
[tableName]: result.columns,
|
||||
}));
|
||||
} catch (error) {
|
||||
console.error(`참조 테이블 컬럼 로드 실패: ${tableName}`, error);
|
||||
// console.error(`참조 테이블 컬럼 로드 실패: ${tableName}`, error);
|
||||
setReferenceTableColumns((prev) => ({
|
||||
...prev,
|
||||
[tableName]: [],
|
||||
|
|
@ -177,24 +177,24 @@ export default function TableManagementPage() {
|
|||
const loadCommonCodeCategories = async () => {
|
||||
try {
|
||||
const response = await commonCodeApi.categories.getList({ isActive: true });
|
||||
console.log("🔍 공통코드 카테고리 API 응답:", response);
|
||||
// console.log("🔍 공통코드 카테고리 API 응답:", response);
|
||||
|
||||
if (response.success && response.data) {
|
||||
console.log("📋 공통코드 카테고리 데이터:", response.data);
|
||||
// console.log("📋 공통코드 카테고리 데이터:", response.data);
|
||||
|
||||
const categories = response.data.map((category) => {
|
||||
console.log("🏷️ 카테고리 항목:", category);
|
||||
// console.log("🏷️ 카테고리 항목:", category);
|
||||
return {
|
||||
value: category.category_code,
|
||||
label: category.category_name || category.category_code,
|
||||
};
|
||||
});
|
||||
|
||||
console.log("✅ 매핑된 카테고리 옵션:", categories);
|
||||
// console.log("✅ 매핑된 카테고리 옵션:", categories);
|
||||
setCommonCodeCategories(categories);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("공통코드 카테고리 로드 실패:", error);
|
||||
// console.error("공통코드 카테고리 로드 실패:", error);
|
||||
// 에러는 로그만 남기고 사용자에게는 알리지 않음 (선택적 기능)
|
||||
}
|
||||
};
|
||||
|
|
@ -213,7 +213,7 @@ export default function TableManagementPage() {
|
|||
toast.error(response.data.message || "테이블 목록 로드에 실패했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("테이블 목록 로드 실패:", error);
|
||||
// console.error("테이블 목록 로드 실패:", error);
|
||||
toast.error("테이블 목록 로드 중 오류가 발생했습니다.");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
|
|
@ -251,7 +251,7 @@ export default function TableManagementPage() {
|
|||
toast.error(response.data.message || "컬럼 정보 로드에 실패했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("컬럼 타입 정보 로드 실패:", error);
|
||||
// console.error("컬럼 타입 정보 로드 실패:", error);
|
||||
toast.error("컬럼 정보 로드 중 오류가 발생했습니다.");
|
||||
} finally {
|
||||
setColumnsLoading(false);
|
||||
|
|
@ -411,7 +411,7 @@ export default function TableManagementPage() {
|
|||
displayColumn: column.displayColumn || "", // 🎯 Entity 조인에서 표시할 컬럼명
|
||||
};
|
||||
|
||||
console.log("저장할 컬럼 설정:", columnSetting);
|
||||
// console.log("저장할 컬럼 설정:", columnSetting);
|
||||
|
||||
const response = await apiClient.post(`/table-management/tables/${selectedTable}/columns/settings`, [
|
||||
columnSetting,
|
||||
|
|
@ -430,7 +430,7 @@ export default function TableManagementPage() {
|
|||
toast.error(response.data.message || "컬럼 설정 저장에 실패했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("컬럼 설정 저장 실패:", error);
|
||||
// console.error("컬럼 설정 저장 실패:", error);
|
||||
toast.error("컬럼 설정 저장 중 오류가 발생했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -448,7 +448,7 @@ export default function TableManagementPage() {
|
|||
description: tableDescription,
|
||||
});
|
||||
} catch (error) {
|
||||
console.warn("테이블 라벨 저장 실패 (API 미구현 가능):", error);
|
||||
// console.warn("테이블 라벨 저장 실패 (API 미구현 가능):", error);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -467,7 +467,7 @@ export default function TableManagementPage() {
|
|||
displayColumn: column.displayColumn || "", // 🎯 Entity 조인에서 표시할 컬럼명
|
||||
}));
|
||||
|
||||
console.log("저장할 전체 설정:", { tableLabel, tableDescription, columnSettings });
|
||||
// console.log("저장할 전체 설정:", { tableLabel, tableDescription, columnSettings });
|
||||
|
||||
// 전체 테이블 설정을 한 번에 저장
|
||||
const response = await apiClient.post(
|
||||
|
|
@ -492,7 +492,7 @@ export default function TableManagementPage() {
|
|||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("설정 저장 실패:", error);
|
||||
// console.error("설정 저장 실패:", error);
|
||||
toast.error("설정 저장 중 오류가 발생했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -525,7 +525,7 @@ export default function TableManagementPage() {
|
|||
|
||||
entityColumns.forEach((col) => {
|
||||
if (col.referenceTable) {
|
||||
console.log(`🎯 기존 Entity 컬럼 발견, 참조 테이블 컬럼 로드: ${col.columnName} -> ${col.referenceTable}`);
|
||||
// console.log(`🎯 기존 Entity 컬럼 발견, 참조 테이블 컬럼 로드: ${col.columnName} -> ${col.referenceTable}`);
|
||||
loadReferenceTableColumns(col.referenceTable);
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -175,7 +175,7 @@ export function AddColumnModal({ isOpen, onClose, tableName, onSuccess }: AddCol
|
|||
toast.error(result.error?.details || result.message);
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error("컬럼 추가 실패:", error);
|
||||
// console.error("컬럼 추가 실패:", error);
|
||||
toast.error(error.response?.data?.error?.details || "컬럼 추가에 실패했습니다.");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ export function CompanyTable({ companies, isLoading, onEdit, onDelete }: Company
|
|||
);
|
||||
};
|
||||
// 상태에 따른 Badge 색상 결정
|
||||
console.log(companies);
|
||||
// console.log(companies);
|
||||
// 로딩 상태 렌더링
|
||||
if (isLoading) {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -172,7 +172,7 @@ export function CreateTableModal({ isOpen, onClose, onSuccess }: CreateTableModa
|
|||
toast.error("검증 실패. 오류를 확인해주세요.");
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error("테이블 검증 실패:", error);
|
||||
// console.error("테이블 검증 실패:", error);
|
||||
toast.error("검증 중 오류가 발생했습니다.");
|
||||
} finally {
|
||||
setValidating(false);
|
||||
|
|
@ -210,7 +210,7 @@ export function CreateTableModal({ isOpen, onClose, onSuccess }: CreateTableModa
|
|||
toast.error(result.error?.details || result.message);
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error("테이블 생성 실패:", error);
|
||||
// console.error("테이블 생성 실패:", error);
|
||||
toast.error(error.response?.data?.error?.details || "테이블 생성에 실패했습니다.");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ export function DDLLogViewer({ isOpen, onClose }: DDLLogViewerProps) {
|
|||
setLogs(logsResult.logs);
|
||||
setStatistics(statsResult);
|
||||
} catch (error) {
|
||||
console.error("DDL 로그 로드 실패:", error);
|
||||
// console.error("DDL 로그 로드 실패:", error);
|
||||
toast.error("DDL 로그를 불러오는데 실패했습니다.");
|
||||
} finally {
|
||||
if (showLoading) setLoading(false);
|
||||
|
|
@ -101,7 +101,7 @@ export function DDLLogViewer({ isOpen, onClose }: DDLLogViewerProps) {
|
|||
toast.success(`${result.deletedCount}개의 오래된 로그가 삭제되었습니다.`);
|
||||
loadData(false);
|
||||
} catch (error) {
|
||||
console.error("로그 정리 실패:", error);
|
||||
// console.error("로그 정리 실패:", error);
|
||||
toast.error("로그 정리에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -46,21 +46,21 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
parentCompanyCode,
|
||||
uiTexts,
|
||||
}) => {
|
||||
console.log("🎯 MenuFormModal 렌더링 - Props:", {
|
||||
isOpen,
|
||||
menuId,
|
||||
parentId,
|
||||
menuType,
|
||||
level,
|
||||
parentCompanyCode,
|
||||
});
|
||||
// console.log("🎯 MenuFormModal 렌더링 - Props:", {
|
||||
// isOpen,
|
||||
// menuId,
|
||||
// parentId,
|
||||
// menuType,
|
||||
// level,
|
||||
// parentCompanyCode,
|
||||
// });
|
||||
|
||||
// 다국어 텍스트 가져오기 함수
|
||||
const getText = (key: string, fallback?: string): string => {
|
||||
return uiTexts[key] || fallback || key;
|
||||
};
|
||||
|
||||
console.log("🔍 MenuFormModal 컴포넌트 마운트됨");
|
||||
// console.log("🔍 MenuFormModal 컴포넌트 마운트됨");
|
||||
|
||||
const [formData, setFormData] = useState<MenuFormData>({
|
||||
parentObjId: parentId || "0",
|
||||
|
|
@ -93,20 +93,20 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
try {
|
||||
const response = await screenApi.getScreens({ size: 1000 }); // 모든 화면 가져오기
|
||||
|
||||
console.log("🔍 화면 목록 로드 디버깅:", {
|
||||
totalScreens: response.data.length,
|
||||
firstScreen: response.data[0],
|
||||
firstScreenFields: response.data[0] ? Object.keys(response.data[0]) : [],
|
||||
firstScreenValues: response.data[0] ? Object.values(response.data[0]) : [],
|
||||
allScreenIds: response.data
|
||||
.map((s) => ({
|
||||
screenId: s.screenId,
|
||||
legacyId: s.id,
|
||||
name: s.screenName,
|
||||
code: s.screenCode,
|
||||
}))
|
||||
.slice(0, 5), // 처음 5개만 출력
|
||||
});
|
||||
// console.log("🔍 화면 목록 로드 디버깅:", {
|
||||
// totalScreens: response.data.length,
|
||||
// firstScreen: response.data[0],
|
||||
// firstScreenFields: response.data[0] ? Object.keys(response.data[0]) : [],
|
||||
// firstScreenValues: response.data[0] ? Object.values(response.data[0]) : [],
|
||||
// allScreenIds: response.data
|
||||
// .map((s) => ({
|
||||
// screenId: s.screenId,
|
||||
// legacyId: s.id,
|
||||
// name: s.screenName,
|
||||
// code: s.screenCode,
|
||||
// }))
|
||||
// .slice(0, 5), // 처음 5개만 출력
|
||||
// });
|
||||
|
||||
setScreens(response.data);
|
||||
console.log("✅ 화면 목록 로드 완료:", response.data.length);
|
||||
|
|
@ -118,14 +118,14 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
|
||||
// 화면 선택 시 URL 자동 설정
|
||||
const handleScreenSelect = (screen: ScreenDefinition) => {
|
||||
console.log("🖥️ 화면 선택 디버깅:", {
|
||||
screen,
|
||||
screenId: screen.screenId,
|
||||
screenIdType: typeof screen.screenId,
|
||||
legacyId: screen.id,
|
||||
allFields: Object.keys(screen),
|
||||
screenValues: Object.values(screen),
|
||||
});
|
||||
// console.log("🖥️ 화면 선택 디버깅:", {
|
||||
// screen,
|
||||
// screenId: screen.screenId,
|
||||
// screenIdType: typeof screen.screenId,
|
||||
// legacyId: screen.id,
|
||||
// allFields: Object.keys(screen),
|
||||
// screenValues: Object.values(screen),
|
||||
// });
|
||||
|
||||
// ScreenDefinition에서는 screenId 필드를 사용
|
||||
const actualScreenId = screen.screenId || screen.id;
|
||||
|
|
@ -154,26 +154,26 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
menuUrl: screenUrl,
|
||||
}));
|
||||
|
||||
console.log("🖥️ 화면 선택 완료:", {
|
||||
screenId: screen.screenId,
|
||||
legacyId: screen.id,
|
||||
actualScreenId,
|
||||
screenName: screen.screenName,
|
||||
menuType: menuType,
|
||||
formDataMenuType: formData.menuType,
|
||||
isAdminMenu,
|
||||
generatedUrl: screenUrl,
|
||||
});
|
||||
// console.log("🖥️ 화면 선택 완료:", {
|
||||
// screenId: screen.screenId,
|
||||
// legacyId: screen.id,
|
||||
// actualScreenId,
|
||||
// screenName: screen.screenName,
|
||||
// menuType: menuType,
|
||||
// formDataMenuType: formData.menuType,
|
||||
// isAdminMenu,
|
||||
// generatedUrl: screenUrl,
|
||||
// });
|
||||
};
|
||||
|
||||
// URL 타입 변경 시 처리
|
||||
const handleUrlTypeChange = (type: "direct" | "screen") => {
|
||||
console.log("🔄 URL 타입 변경:", {
|
||||
from: urlType,
|
||||
to: type,
|
||||
currentSelectedScreen: selectedScreen?.screenName,
|
||||
currentUrl: formData.menuUrl,
|
||||
});
|
||||
// console.log("🔄 URL 타입 변경:", {
|
||||
// from: urlType,
|
||||
// to: type,
|
||||
// currentSelectedScreen: selectedScreen?.screenName,
|
||||
// currentUrl: formData.menuUrl,
|
||||
// });
|
||||
|
||||
setUrlType(type);
|
||||
|
||||
|
|
@ -225,7 +225,7 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
try {
|
||||
setLoading(true);
|
||||
console.log("API 호출 시작 - menuId:", menuId);
|
||||
console.log("API URL:", `/admin/menus/${menuId}`);
|
||||
// console.log("API URL:", `/admin/menus/${menuId}`);
|
||||
|
||||
const response = await menuApi.getMenuInfo(menuId);
|
||||
console.log("메뉴 정보 조회 응답:", response);
|
||||
|
|
@ -285,29 +285,29 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
// "/screens/123" 또는 "/screens/123?mode=admin" 형태에서 ID 추출
|
||||
const screenId = menuUrl.match(/\/screens\/(\d+)/)?.[1];
|
||||
if (screenId) {
|
||||
console.log("🔍 기존 메뉴에서 화면 ID 추출:", {
|
||||
menuUrl,
|
||||
screenId,
|
||||
hasAdminParam: menuUrl.includes("mode=admin"),
|
||||
currentScreensCount: screens.length,
|
||||
});
|
||||
// console.log("🔍 기존 메뉴에서 화면 ID 추출:", {
|
||||
// menuUrl,
|
||||
// screenId,
|
||||
// hasAdminParam: menuUrl.includes("mode=admin"),
|
||||
// currentScreensCount: screens.length,
|
||||
// });
|
||||
|
||||
// 화면 설정 함수
|
||||
const setScreenFromId = () => {
|
||||
const screen = screens.find((s) => s.screenId.toString() === screenId || s.id?.toString() === screenId);
|
||||
if (screen) {
|
||||
setSelectedScreen(screen);
|
||||
console.log("🖥️ 기존 메뉴의 할당된 화면 설정:", {
|
||||
screen,
|
||||
originalUrl: menuUrl,
|
||||
hasAdminParam: menuUrl.includes("mode=admin"),
|
||||
});
|
||||
// console.log("🖥️ 기존 메뉴의 할당된 화면 설정:", {
|
||||
// screen,
|
||||
// originalUrl: menuUrl,
|
||||
// hasAdminParam: menuUrl.includes("mode=admin"),
|
||||
// });
|
||||
return true;
|
||||
} else {
|
||||
console.warn("⚠️ 해당 ID의 화면을 찾을 수 없음:", {
|
||||
screenId,
|
||||
availableScreens: screens.map((s) => ({ screenId: s.screenId, id: s.id, name: s.screenName })),
|
||||
});
|
||||
// console.warn("⚠️ 해당 ID의 화면을 찾을 수 없음:", {
|
||||
// screenId,
|
||||
// availableScreens: screens.map((s) => ({ screenId: s.screenId, id: s.id, name: s.screenName })),
|
||||
// });
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
|
@ -330,26 +330,26 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
setSelectedScreen(null);
|
||||
}
|
||||
|
||||
console.log("설정된 폼 데이터:", {
|
||||
objid: menu.objid || menu.OBJID,
|
||||
parentObjId: menu.parent_obj_id || menu.PARENT_OBJ_ID || "0",
|
||||
menuNameKor: menu.menu_name_kor || menu.MENU_NAME_KOR || "",
|
||||
menuUrl: menu.menu_url || menu.MENU_URL || "",
|
||||
menuDesc: menu.menu_desc || menu.MENU_DESC || "",
|
||||
seq: menu.seq || menu.SEQ || 1,
|
||||
menuType: convertedMenuType,
|
||||
status: convertedStatus,
|
||||
companyCode: companyCode,
|
||||
langKey: langKey,
|
||||
});
|
||||
// console.log("설정된 폼 데이터:", {
|
||||
// objid: menu.objid || menu.OBJID,
|
||||
// parentObjId: menu.parent_obj_id || menu.PARENT_OBJ_ID || "0",
|
||||
// menuNameKor: menu.menu_name_kor || menu.MENU_NAME_KOR || "",
|
||||
// menuUrl: menu.menu_url || menu.MENU_URL || "",
|
||||
// menuDesc: menu.menu_desc || menu.MENU_DESC || "",
|
||||
// seq: menu.seq || menu.SEQ || 1,
|
||||
// menuType: convertedMenuType,
|
||||
// status: convertedStatus,
|
||||
// companyCode: companyCode,
|
||||
// langKey: langKey,
|
||||
// });
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error("메뉴 정보 로딩 오류:", error);
|
||||
console.error("오류 상세 정보:", {
|
||||
message: error?.message,
|
||||
stack: error?.stack,
|
||||
response: error?.response,
|
||||
});
|
||||
// console.error("오류 상세 정보:", {
|
||||
// message: error?.message,
|
||||
// stack: error?.stack,
|
||||
// response: error?.response,
|
||||
// });
|
||||
toast.error(getText(MENU_MANAGEMENT_KEYS.MESSAGE_ERROR_LOAD_MENU_INFO));
|
||||
} finally {
|
||||
setLoading(false);
|
||||
|
|
@ -390,13 +390,13 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
langKey: "", // 다국어 키 초기화
|
||||
});
|
||||
|
||||
console.log("메뉴 등록 기본값 설정:", {
|
||||
parentObjId: parentId || "0",
|
||||
menuType: defaultMenuType,
|
||||
status: "ACTIVE",
|
||||
companyCode: "",
|
||||
langKey: "",
|
||||
});
|
||||
// console.log("메뉴 등록 기본값 설정:", {
|
||||
// parentObjId: parentId || "0",
|
||||
// menuType: defaultMenuType,
|
||||
// status: "ACTIVE",
|
||||
// companyCode: "",
|
||||
// langKey: "",
|
||||
// });
|
||||
}
|
||||
}, [menuId, parentId, menuType]);
|
||||
|
||||
|
|
@ -448,11 +448,11 @@ export const MenuFormModal: React.FC<MenuFormModalProps> = ({
|
|||
const screen = screens.find((s) => s.screenId.toString() === screenId || s.id?.toString() === screenId);
|
||||
if (screen) {
|
||||
setSelectedScreen(screen);
|
||||
console.log("✅ 기존 메뉴의 할당된 화면 자동 설정 완료:", {
|
||||
screenId,
|
||||
screenName: screen.screenName,
|
||||
menuUrl,
|
||||
});
|
||||
// console.log("✅ 기존 메뉴의 할당된 화면 자동 설정 완료:", {
|
||||
// screenId,
|
||||
// screenName: screen.screenName,
|
||||
// menuUrl,
|
||||
// });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -195,7 +195,7 @@ export const MenuManagement: React.FC = () => {
|
|||
defaultTexts[key] = defaultText;
|
||||
});
|
||||
setUiTexts(defaultTexts);
|
||||
console.log("🌐 초기 기본 텍스트 설정 완료:", Object.keys(defaultTexts).length);
|
||||
// console.log("🌐 초기 기본 텍스트 설정 완료:", Object.keys(defaultTexts).length);
|
||||
};
|
||||
|
||||
// 기본 텍스트 반환 함수
|
||||
|
|
@ -303,20 +303,20 @@ export const MenuManagement: React.FC = () => {
|
|||
|
||||
// uiTexts 상태 변경 감지
|
||||
useEffect(() => {
|
||||
console.log("🔄 uiTexts 상태 변경됨:", {
|
||||
count: Object.keys(uiTexts).length,
|
||||
sampleKeys: Object.keys(uiTexts).slice(0, 5),
|
||||
sampleValues: Object.entries(uiTexts)
|
||||
.slice(0, 3)
|
||||
.map(([k, v]) => `${k}: ${v}`),
|
||||
});
|
||||
// console.log("🔄 uiTexts 상태 변경됨:", {
|
||||
// count: Object.keys(uiTexts).length,
|
||||
// sampleKeys: Object.keys(uiTexts).slice(0, 5),
|
||||
// sampleValues: Object.entries(uiTexts)
|
||||
// .slice(0, 3)
|
||||
// .map(([k, v]) => `${k}: ${v}`),
|
||||
// });
|
||||
}, [uiTexts]);
|
||||
|
||||
// 컴포넌트 마운트 후 다국어 텍스트 강제 로드 (userLang이 아직 설정되지 않았을 수 있음)
|
||||
useEffect(() => {
|
||||
const timer = setTimeout(() => {
|
||||
if (userLang && !uiTextsLoading) {
|
||||
console.log("🔄 컴포넌트 마운트 후 다국어 텍스트 강제 로드");
|
||||
// console.log("🔄 컴포넌트 마운트 후 다국어 텍스트 강제 로드");
|
||||
loadUITexts();
|
||||
}
|
||||
}, 300); // 300ms 후 실행
|
||||
|
|
@ -328,7 +328,7 @@ export const MenuManagement: React.FC = () => {
|
|||
useEffect(() => {
|
||||
const fallbackTimer = setTimeout(() => {
|
||||
if (!uiTextsLoading && Object.keys(uiTexts).length === 0) {
|
||||
console.log("🔄 안전장치: 컴포넌트 마운트 후 강제 다국어 텍스트 로드");
|
||||
// console.log("🔄 안전장치: 컴포넌트 마운트 후 강제 다국어 텍스트 로드");
|
||||
// 사용자 언어가 설정되지 않았을 때만 기본 텍스트 설정
|
||||
if (!userLang) {
|
||||
initializeDefaultTexts();
|
||||
|
|
@ -378,15 +378,15 @@ export const MenuManagement: React.FC = () => {
|
|||
}, [isCompanyDropdownOpen]);
|
||||
|
||||
const loadMenus = async (showLoading = true) => {
|
||||
console.log(`📋 메뉴 목록 조회 시작 (showLoading: ${showLoading})`);
|
||||
// console.log(`📋 메뉴 목록 조회 시작 (showLoading: ${showLoading})`);
|
||||
try {
|
||||
if (showLoading) {
|
||||
setLoading(true);
|
||||
}
|
||||
await refreshMenus();
|
||||
console.log("📋 메뉴 목록 조회 성공");
|
||||
// console.log("📋 메뉴 목록 조회 성공");
|
||||
} catch (error) {
|
||||
console.error("❌ 메뉴 목록 조회 실패:", error);
|
||||
// console.error("❌ 메뉴 목록 조회 실패:", error);
|
||||
toast.error(getUITextSync("message.error.load.menu.list"));
|
||||
} finally {
|
||||
if (showLoading) {
|
||||
|
|
@ -397,21 +397,21 @@ export const MenuManagement: React.FC = () => {
|
|||
|
||||
// 회사 목록 조회
|
||||
const loadCompanies = async () => {
|
||||
console.log("🏢 회사 목록 조회 시작");
|
||||
// console.log("🏢 회사 목록 조회 시작");
|
||||
try {
|
||||
const response = await apiClient.get("/admin/companies");
|
||||
|
||||
if (response.data.success) {
|
||||
console.log("🏢 회사 목록 응답:", response.data);
|
||||
// console.log("🏢 회사 목록 응답:", response.data);
|
||||
const companyList = response.data.data.map((company: any) => ({
|
||||
code: company.company_code || company.companyCode,
|
||||
name: company.company_name || company.companyName,
|
||||
}));
|
||||
console.log("🏢 변환된 회사 목록:", companyList);
|
||||
// console.log("🏢 변환된 회사 목록:", companyList);
|
||||
setCompanies(companyList);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ 회사 목록 조회 실패:", error);
|
||||
// console.error("❌ 회사 목록 조회 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -421,7 +421,7 @@ export const MenuManagement: React.FC = () => {
|
|||
|
||||
// userLang이 설정되지 않았으면 기본값 설정
|
||||
if (!userLang) {
|
||||
console.log("🌐 사용자 언어가 설정되지 않음, 기본값 설정");
|
||||
// console.log("🌐 사용자 언어가 설정되지 않음, 기본값 설정");
|
||||
const defaultTexts: Record<string, string> = {};
|
||||
MENU_MANAGEMENT_LANG_KEYS.forEach((key) => {
|
||||
defaultTexts[key] = getDefaultText(key); // 기본 한국어 텍스트 사용
|
||||
|
|
@ -432,7 +432,7 @@ export const MenuManagement: React.FC = () => {
|
|||
|
||||
// 사용자 언어가 설정된 경우, 기존 uiTexts가 비어있으면 기본 텍스트로 초기화
|
||||
if (Object.keys(uiTexts).length === 0) {
|
||||
console.log("🌐 기존 uiTexts가 비어있음, 기본 텍스트로 초기화");
|
||||
// console.log("🌐 기존 uiTexts가 비어있음, 기본 텍스트로 초기화");
|
||||
const defaultTexts: Record<string, string> = {};
|
||||
MENU_MANAGEMENT_LANG_KEYS.forEach((key) => {
|
||||
defaultTexts[key] = getDefaultText(key);
|
||||
|
|
@ -440,14 +440,14 @@ export const MenuManagement: React.FC = () => {
|
|||
setUiTexts(defaultTexts);
|
||||
}
|
||||
|
||||
console.log("🌐 UI 다국어 텍스트 로드 시작", {
|
||||
userLang,
|
||||
apiParams: {
|
||||
companyCode: "*",
|
||||
menuCode: "menu.management",
|
||||
userLang: userLang,
|
||||
},
|
||||
});
|
||||
// console.log("🌐 UI 다국어 텍스트 로드 시작", {
|
||||
// userLang,
|
||||
// apiParams: {
|
||||
// companyCode: "*",
|
||||
// menuCode: "menu.management",
|
||||
// userLang: userLang,
|
||||
// },
|
||||
// });
|
||||
setUiTextsLoading(true);
|
||||
|
||||
try {
|
||||
|
|
@ -467,28 +467,28 @@ export const MenuManagement: React.FC = () => {
|
|||
|
||||
if (response.data.success) {
|
||||
const translations = response.data.data;
|
||||
console.log("🌐 배치 다국어 텍스트 응답:", translations);
|
||||
// console.log("🌐 배치 다국어 텍스트 응답:", translations);
|
||||
|
||||
// 번역 결과를 상태에 저장 (기존 uiTexts와 병합)
|
||||
const mergedTranslations = { ...uiTexts, ...translations };
|
||||
console.log("🔧 setUiTexts 호출 전:", {
|
||||
translationsCount: Object.keys(translations).length,
|
||||
mergedCount: Object.keys(mergedTranslations).length,
|
||||
});
|
||||
// console.log("🔧 setUiTexts 호출 전:", {
|
||||
// translationsCount: Object.keys(translations).length,
|
||||
// mergedCount: Object.keys(mergedTranslations).length,
|
||||
// });
|
||||
setUiTexts(mergedTranslations);
|
||||
console.log("🔧 setUiTexts 호출 후 - mergedTranslations:", mergedTranslations);
|
||||
// console.log("🔧 setUiTexts 호출 후 - mergedTranslations:", mergedTranslations);
|
||||
|
||||
// 번역 캐시에 저장 (다른 컴포넌트에서도 사용할 수 있도록)
|
||||
setTranslationCache(userLang, mergedTranslations);
|
||||
} else {
|
||||
console.error("❌ 다국어 텍스트 배치 조회 실패:", response.data.message);
|
||||
// console.error("❌ 다국어 텍스트 배치 조회 실패:", response.data.message);
|
||||
// API 실패 시에도 기존 uiTexts는 유지
|
||||
console.log("🔄 API 실패로 인해 기존 uiTexts 유지");
|
||||
// console.log("🔄 API 실패로 인해 기존 uiTexts 유지");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ UI 다국어 텍스트 로드 실패:", error);
|
||||
// console.error("❌ UI 다국어 텍스트 로드 실패:", error);
|
||||
// API 실패 시에도 기존 uiTexts는 유지
|
||||
console.log("🔄 API 실패로 인해 기존 uiTexts 유지");
|
||||
// console.log("🔄 API 실패로 인해 기존 uiTexts 유지");
|
||||
} finally {
|
||||
setUiTextsLoading(false);
|
||||
}
|
||||
|
|
@ -519,12 +519,12 @@ export const MenuManagement: React.FC = () => {
|
|||
|
||||
// 다국어 API 테스트 함수 (getUITextSync 사용)
|
||||
const testMultiLangAPI = async () => {
|
||||
console.log("🧪 다국어 API 테스트 시작");
|
||||
// console.log("🧪 다국어 API 테스트 시작");
|
||||
try {
|
||||
const text = getUITextSync("menu.management.admin");
|
||||
console.log("🧪 다국어 API 테스트 결과:", text);
|
||||
// console.log("🧪 다국어 API 테스트 결과:", text);
|
||||
} catch (error) {
|
||||
console.error("❌ 다국어 API 테스트 실패:", error);
|
||||
// console.error("❌ 다국어 API 테스트 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -576,14 +576,14 @@ export const MenuManagement: React.FC = () => {
|
|||
};
|
||||
|
||||
const handleEditMenu = (menuId: string) => {
|
||||
console.log("🔧 메뉴 수정 시작 - menuId:", menuId);
|
||||
// console.log("🔧 메뉴 수정 시작 - menuId:", menuId);
|
||||
|
||||
// 현재 메뉴 정보 찾기
|
||||
const currentMenus = selectedMenuType === "admin" ? adminMenus : userMenus;
|
||||
const menuToEdit = currentMenus.find((menu) => (menu.objid || menu.OBJID) === menuId);
|
||||
|
||||
if (menuToEdit) {
|
||||
console.log("수정할 메뉴 정보:", menuToEdit);
|
||||
// console.log("수정할 메뉴 정보:", menuToEdit);
|
||||
|
||||
setFormData({
|
||||
menuId: menuId,
|
||||
|
|
@ -593,15 +593,15 @@ export const MenuManagement: React.FC = () => {
|
|||
parentCompanyCode: menuToEdit.company_code || menuToEdit.COMPANY_CODE || "",
|
||||
});
|
||||
|
||||
console.log("설정된 formData:", {
|
||||
menuId: menuId,
|
||||
parentId: menuToEdit.parent_obj_id || menuToEdit.PARENT_OBJ_ID || "",
|
||||
menuType: selectedMenuType,
|
||||
level: 0,
|
||||
parentCompanyCode: menuToEdit.company_code || menuToEdit.COMPANY_CODE || "",
|
||||
});
|
||||
// console.log("설정된 formData:", {
|
||||
// menuId: menuId,
|
||||
// parentId: menuToEdit.parent_obj_id || menuToEdit.PARENT_OBJ_ID || "",
|
||||
// menuType: selectedMenuType,
|
||||
// level: 0,
|
||||
// parentCompanyCode: menuToEdit.company_code || menuToEdit.COMPANY_CODE || "",
|
||||
// });
|
||||
} else {
|
||||
console.error("수정할 메뉴를 찾을 수 없음:", menuId);
|
||||
// console.error("수정할 메뉴를 찾을 수 없음:", menuId);
|
||||
}
|
||||
|
||||
setFormModalOpen(true);
|
||||
|
|
@ -640,31 +640,31 @@ export const MenuManagement: React.FC = () => {
|
|||
setDeleting(true);
|
||||
try {
|
||||
const menuIds = Array.from(selectedMenus);
|
||||
console.log("삭제할 메뉴 IDs:", menuIds);
|
||||
// console.log("삭제할 메뉴 IDs:", menuIds);
|
||||
|
||||
toast.info(getUITextSync("message.menu.delete.processing"));
|
||||
|
||||
const response = await menuApi.deleteMenusBatch(menuIds);
|
||||
console.log("삭제 API 응답:", response);
|
||||
console.log("응답 구조:", {
|
||||
success: response.success,
|
||||
data: response.data,
|
||||
message: response.message,
|
||||
});
|
||||
// console.log("삭제 API 응답:", response);
|
||||
// console.log("응답 구조:", {
|
||||
// success: response.success,
|
||||
// data: response.data,
|
||||
// message: response.message,
|
||||
// });
|
||||
|
||||
if (response.success && response.data) {
|
||||
const { deletedCount, failedCount } = response.data;
|
||||
console.log("삭제 결과:", { deletedCount, failedCount });
|
||||
// console.log("삭제 결과:", { deletedCount, failedCount });
|
||||
|
||||
// 선택된 메뉴 초기화
|
||||
setSelectedMenus(new Set());
|
||||
|
||||
// 메뉴 목록 즉시 새로고침 (로딩 상태 없이)
|
||||
console.log("메뉴 목록 새로고침 시작");
|
||||
// console.log("메뉴 목록 새로고침 시작");
|
||||
await loadMenus(false);
|
||||
// 전역 메뉴 상태도 업데이트
|
||||
await refreshMenus();
|
||||
console.log("메뉴 목록 새로고침 완료");
|
||||
// console.log("메뉴 목록 새로고침 완료");
|
||||
|
||||
// 삭제 결과 메시지
|
||||
if (failedCount === 0) {
|
||||
|
|
@ -678,11 +678,11 @@ export const MenuManagement: React.FC = () => {
|
|||
);
|
||||
}
|
||||
} else {
|
||||
console.error("삭제 실패:", response);
|
||||
// console.error("삭제 실패:", response);
|
||||
toast.error(response.message || "메뉴 삭제에 실패했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("메뉴 삭제 중 오류:", error);
|
||||
// console.error("메뉴 삭제 중 오류:", error);
|
||||
toast.error(getUITextSync("message.menu.delete.failed"));
|
||||
} finally {
|
||||
setDeleting(false);
|
||||
|
|
@ -718,7 +718,7 @@ export const MenuManagement: React.FC = () => {
|
|||
toast.error(response.message);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("메뉴 상태 토글 오류:", error);
|
||||
// console.error("메뉴 상태 토글 오류:", error);
|
||||
toast.error(getUITextSync("message.menu.status.toggle.failed"));
|
||||
}
|
||||
};
|
||||
|
|
@ -785,15 +785,15 @@ export const MenuManagement: React.FC = () => {
|
|||
const userMenusCount = useMemo(() => userMenus?.length || 0, [userMenus]);
|
||||
|
||||
// 디버깅을 위한 간단한 상태 표시
|
||||
console.log("🔍 MenuManagement 렌더링 상태:", {
|
||||
loading,
|
||||
uiTextsLoading,
|
||||
uiTextsCount,
|
||||
adminMenusCount,
|
||||
userMenusCount,
|
||||
selectedMenuType,
|
||||
userLang,
|
||||
});
|
||||
// console.log("🔍 MenuManagement 렌더링 상태:", {
|
||||
// loading,
|
||||
// uiTextsLoading,
|
||||
// uiTextsCount,
|
||||
// adminMenusCount,
|
||||
// userMenusCount,
|
||||
// selectedMenuType,
|
||||
// userLang,
|
||||
// });
|
||||
|
||||
if (loading) {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -64,9 +64,9 @@ export default function MultiLangPage() {
|
|||
// 회사 목록 조회
|
||||
const fetchCompanies = async () => {
|
||||
try {
|
||||
console.log("회사 목록 조회 시작");
|
||||
// console.log("회사 목록 조회 시작");
|
||||
const response = await apiClient.get("/admin/companies");
|
||||
console.log("회사 목록 응답 데이터:", response.data);
|
||||
// console.log("회사 목록 응답 데이터:", response.data);
|
||||
|
||||
const data = response.data;
|
||||
if (data.success) {
|
||||
|
|
@ -74,13 +74,13 @@ export default function MultiLangPage() {
|
|||
code: company.company_code,
|
||||
name: company.company_name,
|
||||
}));
|
||||
console.log("변환된 회사 목록:", companyList);
|
||||
// console.log("변환된 회사 목록:", companyList);
|
||||
setCompanies(companyList);
|
||||
} else {
|
||||
console.error("회사 목록 조회 실패:", data.message);
|
||||
// console.error("회사 목록 조회 실패:", data.message);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("회사 목록 조회 실패:", error);
|
||||
// console.error("회사 목록 조회 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -93,7 +93,7 @@ export default function MultiLangPage() {
|
|||
setLanguages(data.data);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("언어 목록 조회 실패:", error);
|
||||
// console.error("언어 목록 조회 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -103,13 +103,13 @@ export default function MultiLangPage() {
|
|||
const response = await apiClient.get("/multilang/keys");
|
||||
const data = response.data;
|
||||
if (data.success) {
|
||||
console.log("✅ 전체 키 목록 로드:", data.data.length, "개");
|
||||
// console.log("✅ 전체 키 목록 로드:", data.data.length, "개");
|
||||
setLangKeys(data.data);
|
||||
} else {
|
||||
console.error("❌ 키 목록 로드 실패:", data.message);
|
||||
// console.error("❌ 키 목록 로드 실패:", data.message);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("다국어 키 목록 조회 실패:", error);
|
||||
// console.error("다국어 키 목록 조회 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -146,25 +146,25 @@ export default function MultiLangPage() {
|
|||
// 선택된 키의 다국어 텍스트 조회
|
||||
const fetchLangTexts = async (keyId: number) => {
|
||||
try {
|
||||
console.log("다국어 텍스트 조회 시작: keyId =", keyId);
|
||||
// console.log("다국어 텍스트 조회 시작: keyId =", keyId);
|
||||
const response = await apiClient.get(`/multilang/keys/${keyId}/texts`);
|
||||
const data = response.data;
|
||||
console.log("다국어 텍스트 조회 응답:", data);
|
||||
// console.log("다국어 텍스트 조회 응답:", data);
|
||||
if (data.success) {
|
||||
setLangTexts(data.data);
|
||||
// 편집용 텍스트 초기화
|
||||
const editingData = data.data.map((text: LangText) => ({ ...text }));
|
||||
setEditingTexts(editingData);
|
||||
console.log("편집용 텍스트 설정:", editingData);
|
||||
// console.log("편집용 텍스트 설정:", editingData);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("다국어 텍스트 조회 실패:", error);
|
||||
// console.error("다국어 텍스트 조회 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
// 언어 키 선택 처리
|
||||
const handleKeySelect = (key: LangKey) => {
|
||||
console.log("언어 키 선택:", key);
|
||||
// console.log("언어 키 선택:", key);
|
||||
setSelectedKey(key);
|
||||
fetchLangTexts(key.keyId);
|
||||
};
|
||||
|
|
@ -172,9 +172,9 @@ export default function MultiLangPage() {
|
|||
// 디버깅용 useEffect
|
||||
useEffect(() => {
|
||||
if (selectedKey) {
|
||||
console.log("선택된 키 변경:", selectedKey);
|
||||
console.log("언어 목록:", languages);
|
||||
console.log("편집 텍스트:", editingTexts);
|
||||
// console.log("선택된 키 변경:", selectedKey);
|
||||
// console.log("언어 목록:", languages);
|
||||
// console.log("편집 텍스트:", editingTexts);
|
||||
}
|
||||
}, [selectedKey, languages, editingTexts]);
|
||||
|
||||
|
|
@ -222,7 +222,7 @@ export default function MultiLangPage() {
|
|||
fetchLangTexts(selectedKey.keyId);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("텍스트 저장 실패:", error);
|
||||
// console.error("텍스트 저장 실패:", error);
|
||||
alert("저장에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -271,7 +271,7 @@ export default function MultiLangPage() {
|
|||
alert(`오류: ${result.message}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("언어 저장 중 오류:", error);
|
||||
// console.error("언어 저장 중 오류:", error);
|
||||
alert("언어 저장 중 오류가 발생했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -307,7 +307,7 @@ export default function MultiLangPage() {
|
|||
alert(`${failedDeletes.length}개의 언어 삭제에 실패했습니다.`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("언어 삭제 중 오류:", error);
|
||||
// console.error("언어 삭제 중 오류:", error);
|
||||
alert("언어 삭제 중 오류가 발생했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -369,7 +369,7 @@ export default function MultiLangPage() {
|
|||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("언어 키 저장 실패:", error);
|
||||
// console.error("언어 키 저장 실패:", error);
|
||||
alert("언어 키 저장에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -397,7 +397,7 @@ export default function MultiLangPage() {
|
|||
alert("상태 변경 중 오류가 발생했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("키 상태 토글 실패:", error);
|
||||
// console.error("키 상태 토글 실패:", error);
|
||||
alert("키 상태 변경 중 오류가 발생했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -414,7 +414,7 @@ export default function MultiLangPage() {
|
|||
alert("언어 상태 변경 중 오류가 발생했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("언어 상태 토글 실패:", error);
|
||||
// console.error("언어 상태 토글 실패:", error);
|
||||
alert("언어 상태 변경 중 오류가 발생했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -463,7 +463,7 @@ export default function MultiLangPage() {
|
|||
alert("일부 키 삭제에 실패했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("선택된 키 삭제 실패:", error);
|
||||
// console.error("선택된 키 삭제 실패:", error);
|
||||
alert("선택된 키 삭제에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -485,7 +485,7 @@ export default function MultiLangPage() {
|
|||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("언어 키 삭제 실패:", error);
|
||||
// console.error("언어 키 삭제 실패:", error);
|
||||
alert("언어 키 삭제에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -40,15 +40,15 @@ export const ScreenAssignmentTab: React.FC<ScreenAssignmentTabProps> = ({ menus
|
|||
const [selectedScreen, setSelectedScreen] = useState<ScreenDefinition | null>(null);
|
||||
|
||||
// 디버그: 전달받은 메뉴 데이터 확인
|
||||
console.log("ScreenAssignmentTab - 전달받은 메뉴 데이터:", {
|
||||
total: menus.length,
|
||||
sample: menus.slice(0, 3),
|
||||
keys: menus.length > 0 ? Object.keys(menus[0]) : [],
|
||||
});
|
||||
// console.log("ScreenAssignmentTab - 전달받은 메뉴 데이터:", {
|
||||
// total: menus.length,
|
||||
// sample: menus.slice(0, 3),
|
||||
// keys: menus.length > 0 ? Object.keys(menus[0]) : [],
|
||||
// });
|
||||
|
||||
// 메뉴 선택
|
||||
const handleMenuSelect = async (menuId: string) => {
|
||||
console.log("메뉴 선택:", menuId);
|
||||
// console.log("메뉴 선택:", menuId);
|
||||
setSelectedMenuId(menuId);
|
||||
|
||||
// 다양한 형식의 objid 대응
|
||||
|
|
@ -57,7 +57,7 @@ export const ScreenAssignmentTab: React.FC<ScreenAssignmentTabProps> = ({ menus
|
|||
return objid?.toString() === menuId;
|
||||
});
|
||||
|
||||
console.log("선택된 메뉴:", menu);
|
||||
// console.log("선택된 메뉴:", menu);
|
||||
setSelectedMenu(menu || null);
|
||||
|
||||
if (menu) {
|
||||
|
|
@ -75,7 +75,7 @@ export const ScreenAssignmentTab: React.FC<ScreenAssignmentTabProps> = ({ menus
|
|||
const screens = await menuScreenApi.getScreensByMenu(menuObjid);
|
||||
setAssignedScreens(screens);
|
||||
} catch (error) {
|
||||
console.error("할당된 화면 로드 실패:", error);
|
||||
// console.error("할당된 화면 로드 실패:", error);
|
||||
toast.error("할당된 화면 목록을 불러오는데 실패했습니다.");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
|
|
@ -94,7 +94,7 @@ export const ScreenAssignmentTab: React.FC<ScreenAssignmentTabProps> = ({ menus
|
|||
|
||||
setAvailableScreens(available);
|
||||
} catch (error) {
|
||||
console.error("사용 가능한 화면 로드 실패:", error);
|
||||
// console.error("사용 가능한 화면 로드 실패:", error);
|
||||
toast.error("사용 가능한 화면 목록을 불러오는데 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -118,7 +118,7 @@ export const ScreenAssignmentTab: React.FC<ScreenAssignmentTabProps> = ({ menus
|
|||
setShowAssignDialog(false);
|
||||
setSelectedScreen(null);
|
||||
} catch (error) {
|
||||
console.error("화면 할당 실패:", error);
|
||||
// console.error("화면 할당 실패:", error);
|
||||
toast.error("화면 할당에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -142,7 +142,7 @@ export const ScreenAssignmentTab: React.FC<ScreenAssignmentTabProps> = ({ menus
|
|||
setShowUnassignDialog(false);
|
||||
setSelectedScreen(null);
|
||||
} catch (error) {
|
||||
console.error("화면 할당 해제 실패:", error);
|
||||
// console.error("화면 할당 해제 실패:", error);
|
||||
toast.error("화면 할당 해제에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -162,14 +162,14 @@ export const ScreenAssignmentTab: React.FC<ScreenAssignmentTabProps> = ({ menus
|
|||
|
||||
// 단순화된 메뉴 옵션 생성 (모든 메뉴를 평면적으로 표시)
|
||||
const getMenuOptions = (menuList: MenuItem[]): JSX.Element[] => {
|
||||
console.log("메뉴 옵션 생성:", {
|
||||
total: menuList.length,
|
||||
sample: menuList.slice(0, 3).map((m) => ({
|
||||
objid: m.objid || m.OBJID || (m as any).objid,
|
||||
name: m.menu_name_kor || m.MENU_NAME_KOR || (m as any).menu_name_kor,
|
||||
parent: m.parent_obj_id || m.PARENT_OBJ_ID || (m as any).parent_obj_id,
|
||||
})),
|
||||
});
|
||||
// console.log("메뉴 옵션 생성:", {
|
||||
// total: menuList.length,
|
||||
// sample: menuList.slice(0, 3).map((m) => ({
|
||||
// objid: m.objid || m.OBJID || (m as any).objid,
|
||||
// name: m.menu_name_kor || m.MENU_NAME_KOR || (m as any).menu_name_kor,
|
||||
// parent: m.parent_obj_id || m.PARENT_OBJ_ID || (m as any).parent_obj_id,
|
||||
// })),
|
||||
// });
|
||||
|
||||
if (!menuList || menuList.length === 0) {
|
||||
return [
|
||||
|
|
@ -188,7 +188,7 @@ export const ScreenAssignmentTab: React.FC<ScreenAssignmentTabProps> = ({ menus
|
|||
// 들여쓰기 (레벨에 따라)
|
||||
const indent = " ".repeat(Math.max(0, lev));
|
||||
|
||||
console.log("메뉴 항목:", { index, menuObjid, menuName, lev });
|
||||
// console.log("메뉴 항목:", { index, menuObjid, menuName, lev });
|
||||
|
||||
return (
|
||||
<SelectItem key={menuObjid?.toString() || `menu-${index}`} value={menuObjid?.toString() || `menu-${index}`}>
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ export default function CopyScreenModal({ isOpen, onClose, sourceScreen, onCopyS
|
|||
const newCode = await screenApi.generateScreenCode(sourceScreen.companyCode);
|
||||
setScreenCode(newCode);
|
||||
} catch (error) {
|
||||
console.error("화면 코드 생성 실패:", error);
|
||||
// console.error("화면 코드 생성 실패:", error);
|
||||
toast.error("화면 코드 생성에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -84,7 +84,7 @@ export default function CopyScreenModal({ isOpen, onClose, sourceScreen, onCopyS
|
|||
onCopySuccess();
|
||||
handleClose();
|
||||
} catch (error: any) {
|
||||
console.error("화면 복사 실패:", error);
|
||||
// console.error("화면 복사 실패:", error);
|
||||
const errorMessage = error.response?.data?.message || "화면 복사에 실패했습니다.";
|
||||
toast.error(errorMessage);
|
||||
} finally {
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ export default function CreateScreenModal({ open, onOpenChange, onCreated }: Cre
|
|||
const generatedCode = await screenApi.generateScreenCode(companyCode);
|
||||
setScreenCode(generatedCode);
|
||||
} catch (e) {
|
||||
console.error("화면 코드 생성 실패", e);
|
||||
// console.error("화면 코드 생성 실패", e);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -44,7 +44,7 @@ export default function CreateScreenModal({ open, onOpenChange, onCreated }: Cre
|
|||
if (abort) return;
|
||||
setTables(list.map((t) => ({ tableName: t.tableName, displayName: t.displayName || t.tableName })));
|
||||
} catch (e) {
|
||||
console.error("테이블 목록 조회 실패", e);
|
||||
// console.error("테이블 목록 조회 실패", e);
|
||||
setTables([]);
|
||||
}
|
||||
};
|
||||
|
|
@ -93,7 +93,7 @@ export default function CreateScreenModal({ open, onOpenChange, onCreated }: Cre
|
|||
setTableName("");
|
||||
setDescription("");
|
||||
} catch (e) {
|
||||
console.error("화면 생성 실패", e);
|
||||
// console.error("화면 생성 실패", e);
|
||||
// 필요 시 토스트 추가 가능
|
||||
} finally {
|
||||
setSubmitting(false);
|
||||
|
|
|
|||
|
|
@ -292,7 +292,7 @@ export const EnhancedInteractiveScreenViewer: React.FC<EnhancedInteractiveScreen
|
|||
|
||||
return applyStyles(dynamicElement);
|
||||
} catch (error) {
|
||||
console.warn(`DynamicWebTypeRenderer 오류 (${widgetType}):`, error);
|
||||
// console.warn(`DynamicWebTypeRenderer 오류 (${widgetType}):`, error);
|
||||
|
||||
// 폴백: 기본 input
|
||||
const fallbackElement = (
|
||||
|
|
|
|||
|
|
@ -205,7 +205,7 @@ export const FileAttachmentDetailModal: React.FC<FileAttachmentDetailModalProps>
|
|||
throw new Error(response.message || '파일 업로드에 실패했습니다.');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('파일 업로드 오류:', error);
|
||||
// console.error('파일 업로드 오류:', error);
|
||||
toast.dismiss();
|
||||
toast.error('파일 업로드에 실패했습니다.');
|
||||
} finally {
|
||||
|
|
@ -243,7 +243,7 @@ export const FileAttachmentDetailModal: React.FC<FileAttachmentDetailModalProps>
|
|||
toast.dismiss();
|
||||
toast.success(`${file.realFileName} 다운로드가 완료되었습니다.`);
|
||||
} catch (error) {
|
||||
console.error('파일 다운로드 오류:', error);
|
||||
// console.error('파일 다운로드 오류:', error);
|
||||
toast.dismiss();
|
||||
toast.error('파일 다운로드에 실패했습니다.');
|
||||
}
|
||||
|
|
@ -275,7 +275,7 @@ export const FileAttachmentDetailModal: React.FC<FileAttachmentDetailModalProps>
|
|||
toast.dismiss();
|
||||
toast.success(`${file.realFileName}이 삭제되었습니다.`);
|
||||
} catch (error) {
|
||||
console.error('파일 삭제 오류:', error);
|
||||
// console.error('파일 삭제 오류:', error);
|
||||
toast.dismiss();
|
||||
toast.error('파일 삭제에 실패했습니다.');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -113,13 +113,13 @@ export const FloatingPanel: React.FC<FloatingPanelProps> = ({
|
|||
|
||||
const newHeight = Math.min(Math.max(minHeight, contentHeight + headerHeight + padding), maxHeight);
|
||||
|
||||
console.log(`🔧 패널 높이 자동 조정:`, {
|
||||
panelId: id,
|
||||
contentHeight,
|
||||
calculatedHeight: newHeight,
|
||||
currentHeight: panelSize.height,
|
||||
willUpdate: Math.abs(panelSize.height - newHeight) > 10,
|
||||
});
|
||||
// console.log(`🔧 패널 높이 자동 조정:`, {
|
||||
// panelId: id,
|
||||
// contentHeight,
|
||||
// calculatedHeight: newHeight,
|
||||
// currentHeight: panelSize.height,
|
||||
// willUpdate: Math.abs(panelSize.height - newHeight) > 10,
|
||||
// });
|
||||
|
||||
// 현재 높이와 다르면 업데이트
|
||||
if (Math.abs(panelSize.height - newHeight) > 10) {
|
||||
|
|
|
|||
|
|
@ -150,7 +150,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
return options;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(`공통코드 옵션 로드 실패: ${categoryCode}`, error);
|
||||
// console.error(`공통코드 옵션 로드 실패: ${categoryCode}`, error);
|
||||
}
|
||||
|
||||
return [];
|
||||
|
|
@ -176,7 +176,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
|
||||
return { hasFiles, fileCount, files: response.files || [] };
|
||||
} catch (error) {
|
||||
console.error("파일 상태 확인 오류:", error);
|
||||
// console.error("파일 상태 확인 오류:", error);
|
||||
return { hasFiles: false, fileCount: 0, files: [] };
|
||||
}
|
||||
},
|
||||
|
|
@ -235,7 +235,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
|
||||
return { hasFiles, fileCount, files, targetObjid };
|
||||
} catch (error) {
|
||||
console.error("컬럼별 파일 상태 확인 오류:", error);
|
||||
// console.error("컬럼별 파일 상태 확인 오류:", error);
|
||||
return { hasFiles: false, fileCount: 0, files: [], targetObjid: null };
|
||||
}
|
||||
},
|
||||
|
|
@ -301,13 +301,13 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
// 이미지 로딩 실패 시 대체 URL 시도
|
||||
const handleImageError = useCallback(() => {
|
||||
if (!imageLoadError && previewImage) {
|
||||
console.error("이미지 로딩 실패:", previewImage);
|
||||
// console.error("이미지 로딩 실패:", previewImage);
|
||||
setImageLoadError(true);
|
||||
|
||||
// 대체 URL 생성 (직접 파일 경로 사용)
|
||||
if (previewImage.path) {
|
||||
const altUrl = getDirectFileUrl(previewImage.path);
|
||||
console.log("대체 URL 시도:", altUrl);
|
||||
// console.log("대체 URL 시도:", altUrl);
|
||||
setAlternativeImageUrl(altUrl);
|
||||
} else {
|
||||
toast.error("이미지를 불러올 수 없습니다.");
|
||||
|
|
@ -365,7 +365,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
try {
|
||||
return tableColumn?.detailSettings ? JSON.parse(tableColumn.detailSettings) : {};
|
||||
} catch {
|
||||
console.warn("상세 설정 파싱 실패:", tableColumn?.detailSettings);
|
||||
// console.warn("상세 설정 파싱 실패:", tableColumn?.detailSettings);
|
||||
return {};
|
||||
}
|
||||
},
|
||||
|
|
@ -483,7 +483,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
setFileStatusMap(statusMap);
|
||||
});
|
||||
} catch (error) {
|
||||
console.error("❌ 테이블 데이터 조회 실패:", error);
|
||||
// console.error("❌ 테이블 데이터 조회 실패:", error);
|
||||
setData([]);
|
||||
setTotal(0);
|
||||
setTotalPages(1);
|
||||
|
|
@ -503,7 +503,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
setCurrentUser(response.data);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("현재 사용자 정보 로드 실패:", error);
|
||||
// console.error("현재 사용자 정보 로드 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -515,14 +515,14 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
const handleRefreshFileStatus = async (event: CustomEvent) => {
|
||||
const { tableName, recordId, columnName, targetObjid, fileCount } = event.detail;
|
||||
|
||||
console.log("🔄 InteractiveDataTable 파일 상태 새로고침 이벤트 수신:", {
|
||||
tableName,
|
||||
recordId,
|
||||
columnName,
|
||||
targetObjid,
|
||||
fileCount,
|
||||
currentTableName: component.tableName
|
||||
});
|
||||
// console.log("🔄 InteractiveDataTable 파일 상태 새로고침 이벤트 수신:", {
|
||||
// tableName,
|
||||
// recordId,
|
||||
// columnName,
|
||||
// targetObjid,
|
||||
// fileCount,
|
||||
// currentTableName: component.tableName
|
||||
// });
|
||||
|
||||
// 현재 테이블과 일치하는지 확인
|
||||
if (tableName === component.tableName) {
|
||||
|
|
@ -534,12 +534,12 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
[columnKey]: { hasFiles: fileCount > 0, fileCount }
|
||||
}));
|
||||
|
||||
console.log("✅ 파일 상태 업데이트 완료:", {
|
||||
recordId,
|
||||
columnKey,
|
||||
hasFiles: fileCount > 0,
|
||||
fileCount
|
||||
});
|
||||
// console.log("✅ 파일 상태 업데이트 완료:", {
|
||||
// recordId,
|
||||
// columnKey,
|
||||
// hasFiles: fileCount > 0,
|
||||
// fileCount
|
||||
// });
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -559,7 +559,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
const columns = await tableTypeApi.getColumns(component.tableName);
|
||||
setTableColumns(columns);
|
||||
} catch (error) {
|
||||
console.error("테이블 컬럼 정보 로드 실패:", error);
|
||||
// console.error("테이블 컬럼 정보 로드 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -820,7 +820,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
handleAddFormChange(columnName, fileNames);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("파일 업로드 실패:", error);
|
||||
// console.error("파일 업로드 실패:", error);
|
||||
alert("파일 업로드에 실패했습니다.");
|
||||
} finally {
|
||||
setUploadingFiles((prev) => ({ ...prev, [columnName]: false }));
|
||||
|
|
@ -898,7 +898,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
setIsAdding(true);
|
||||
|
||||
// 실제 API 호출로 데이터 추가
|
||||
console.log("🔥 추가할 데이터:", addFormData);
|
||||
// console.log("🔥 추가할 데이터:", addFormData);
|
||||
await tableTypeApi.addTableData(component.tableName, addFormData);
|
||||
|
||||
// 모달 닫기 및 폼 초기화
|
||||
|
|
@ -908,7 +908,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
// 첫 페이지로 이동하여 새 데이터 확인
|
||||
loadData(1, searchValues);
|
||||
} catch (error) {
|
||||
console.error("데이터 추가 실패:", error);
|
||||
// console.error("데이터 추가 실패:", error);
|
||||
alert("데이터 추가에 실패했습니다.");
|
||||
} finally {
|
||||
setIsAdding(false);
|
||||
|
|
@ -921,8 +921,8 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
setIsEditing(true);
|
||||
|
||||
// 실제 API 호출로 데이터 수정
|
||||
console.log("🔥 수정할 데이터:", editFormData);
|
||||
console.log("🔥 원본 데이터:", editingRowData);
|
||||
// console.log("🔥 수정할 데이터:", editFormData);
|
||||
// console.log("🔥 원본 데이터:", editingRowData);
|
||||
|
||||
if (editingRowData) {
|
||||
await tableTypeApi.editTableData(component.tableName, editingRowData, editFormData);
|
||||
|
|
@ -937,7 +937,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
loadData(currentPage, searchValues);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("데이터 수정 실패:", error);
|
||||
// console.error("데이터 수정 실패:", error);
|
||||
alert("데이터 수정에 실패했습니다.");
|
||||
} finally {
|
||||
setIsEditing(false);
|
||||
|
|
@ -971,7 +971,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
const selectedData = Array.from(selectedRows).map((index) => data[index]);
|
||||
|
||||
// 실제 삭제 API 호출
|
||||
console.log("🗑️ 삭제할 데이터:", selectedData);
|
||||
// console.log("🗑️ 삭제할 데이터:", selectedData);
|
||||
await tableTypeApi.deleteTableData(component.tableName, selectedData);
|
||||
|
||||
// 선택 해제 및 다이얼로그 닫기
|
||||
|
|
@ -981,7 +981,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
// 데이터 새로고침
|
||||
loadData(currentPage, searchValues);
|
||||
} catch (error) {
|
||||
console.error("데이터 삭제 실패:", error);
|
||||
// console.error("데이터 삭제 실패:", error);
|
||||
alert("데이터 삭제에 실패했습니다.");
|
||||
} finally {
|
||||
setIsDeleting(false);
|
||||
|
|
@ -1544,7 +1544,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
|
||||
// File 객체 유효성 검사
|
||||
if (!(file instanceof File) && !(file instanceof Blob)) {
|
||||
console.error("❌ 잘못된 파일 객체:", file);
|
||||
// console.error("❌ 잘못된 파일 객체:", file);
|
||||
toast.error("파일 객체가 손상되었습니다. 파일을 다시 업로드해주세요.");
|
||||
return;
|
||||
}
|
||||
|
|
@ -1560,7 +1560,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
toast.success(`${fileInfo.name} 다운로드가 완료되었습니다.`);
|
||||
return;
|
||||
} catch (error) {
|
||||
console.error("❌ 로컬 파일 다운로드 오류:", error);
|
||||
// console.error("❌ 로컬 파일 다운로드 오류:", error);
|
||||
toast.error("로컬 파일 다운로드에 실패했습니다. 파일을 다시 업로드해주세요.");
|
||||
return;
|
||||
}
|
||||
|
|
@ -1580,7 +1580,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
|
||||
toast.success(`${fileInfo.name} 다운로드가 완료되었습니다.`);
|
||||
} catch (error) {
|
||||
console.error("파일 다운로드 오류:", error);
|
||||
// console.error("파일 다운로드 오류:", error);
|
||||
toast.error(`${fileInfo.name} 다운로드에 실패했습니다.`);
|
||||
}
|
||||
}, []);
|
||||
|
|
@ -1589,7 +1589,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
const handleDeleteLinkedFile = useCallback(
|
||||
async (fileId: string, fileName: string) => {
|
||||
try {
|
||||
console.log("🗑️ 파일 삭제 시작:", { fileId, fileName });
|
||||
// console.log("🗑️ 파일 삭제 시작:", { fileId, fileName });
|
||||
|
||||
// 삭제 확인 다이얼로그
|
||||
if (!confirm(`"${fileName}" 파일을 삭제하시겠습니까?`)) {
|
||||
|
|
@ -1605,7 +1605,7 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
});
|
||||
|
||||
const result = response.data;
|
||||
console.log("📡 파일 삭제 API 응답:", result);
|
||||
// console.log("📡 파일 삭제 API 응답:", result);
|
||||
|
||||
if (!result.success) {
|
||||
throw new Error(result.message || "파일 삭제 실패");
|
||||
|
|
@ -1622,15 +1622,15 @@ export const InteractiveDataTable: React.FC<InteractiveDataTableProps> = ({
|
|||
try {
|
||||
const response = await getLinkedFiles(component.tableName, recordId);
|
||||
setLinkedFiles(response.files || []);
|
||||
console.log("📁 파일 목록 새로고침 완료:", response.files?.length || 0);
|
||||
// console.log("📁 파일 목록 새로고침 완료:", response.files?.length || 0);
|
||||
} catch (error) {
|
||||
console.error("파일 목록 새로고침 실패:", error);
|
||||
// console.error("파일 목록 새로고침 실패:", error);
|
||||
}
|
||||
}
|
||||
|
||||
console.log("✅ 파일 삭제 완료:", fileName);
|
||||
// console.log("✅ 파일 삭제 완료:", fileName);
|
||||
} catch (error) {
|
||||
console.error("❌ 파일 삭제 실패:", error);
|
||||
// console.error("❌ 파일 삭제 실패:", error);
|
||||
toast.error(`"${fileName}" 파일 삭제에 실패했습니다.`);
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -153,7 +153,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
const loadPopupLayout = async () => {
|
||||
try {
|
||||
setPopupLoading(true);
|
||||
console.log("🔍 팝업 화면 로드 시작:", popupScreen);
|
||||
// console.log("🔍 팝업 화면 로드 시작:", popupScreen);
|
||||
|
||||
// 화면 레이아웃과 화면 정보를 병렬로 가져오기
|
||||
const [layout, screen] = await Promise.all([
|
||||
|
|
@ -180,7 +180,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
// 팝업 formData 초기화
|
||||
setPopupFormData({});
|
||||
} catch (error) {
|
||||
console.error("❌ 팝업 화면 로드 실패:", error);
|
||||
// console.error("❌ 팝업 화면 로드 실패:", error);
|
||||
setPopupLayout([]);
|
||||
setPopupScreenInfo(null);
|
||||
} finally {
|
||||
|
|
@ -203,27 +203,27 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
|
||||
// 폼 데이터 업데이트
|
||||
const updateFormData = (fieldName: string, value: any) => {
|
||||
console.log(`🔄 updateFormData: ${fieldName} = "${value}" (외부콜백: ${!!onFormDataChange})`);
|
||||
// console.log(`🔄 updateFormData: ${fieldName} = "${value}" (외부콜백: ${!!onFormDataChange})`);
|
||||
|
||||
// 항상 로컬 상태도 업데이트
|
||||
setLocalFormData((prev) => ({
|
||||
...prev,
|
||||
[fieldName]: value,
|
||||
}));
|
||||
console.log(`💾 로컬 상태 업데이트: ${fieldName} = "${value}"`);
|
||||
// console.log(`💾 로컬 상태 업데이트: ${fieldName} = "${value}"`);
|
||||
|
||||
// 외부 콜백이 있는 경우에도 전달 (개별 필드 단위로)
|
||||
if (onFormDataChange) {
|
||||
onFormDataChange(fieldName, value);
|
||||
console.log(`📤 외부 콜백으로 전달: ${fieldName} = "${value}"`);
|
||||
// console.log(`📤 외부 콜백으로 전달: ${fieldName} = "${value}"`);
|
||||
}
|
||||
};
|
||||
|
||||
// 자동입력 필드들의 값을 formData에 초기 설정
|
||||
React.useEffect(() => {
|
||||
console.log("🚀 자동입력 초기화 useEffect 실행 - allComponents 개수:", allComponents.length);
|
||||
// console.log("🚀 자동입력 초기화 useEffect 실행 - allComponents 개수:", allComponents.length);
|
||||
const initAutoInputFields = () => {
|
||||
console.log("🔧 initAutoInputFields 실행 시작");
|
||||
// console.log("🔧 initAutoInputFields 실행 시작");
|
||||
allComponents.forEach(comp => {
|
||||
if (comp.type === 'widget') {
|
||||
const widget = comp as WidgetComponent;
|
||||
|
|
@ -258,7 +258,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
|
||||
updateFormData(fieldName, autoValue);
|
||||
} else {
|
||||
console.log(`⏭️ 자동입력 건너뜀 (값 있음): ${fieldName} = "${currentValue}"`);
|
||||
// console.log(`⏭️ 자동입력 건너뜀 (값 있음): ${fieldName} = "${currentValue}"`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -378,7 +378,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
// 입력 검증 함수
|
||||
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
const value = e.target.value;
|
||||
console.log(`📝 입력 변경: ${fieldName} = "${value}"`);
|
||||
// console.log(`📝 입력 변경: ${fieldName} = "${value}"`);
|
||||
|
||||
// 형식별 실시간 검증
|
||||
if (config?.format && config.format !== "none") {
|
||||
|
|
@ -386,7 +386,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
if (pattern) {
|
||||
const regex = new RegExp(`^${pattern}$`);
|
||||
if (value && !regex.test(value)) {
|
||||
console.log(`❌ 형식 검증 실패: ${fieldName} = "${value}"`);
|
||||
// console.log(`❌ 형식 검증 실패: ${fieldName} = "${value}"`);
|
||||
return; // 유효하지 않은 입력 차단
|
||||
}
|
||||
}
|
||||
|
|
@ -394,11 +394,11 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
|
||||
// 길이 제한 검증
|
||||
if (config?.maxLength && value.length > config.maxLength) {
|
||||
console.log(`❌ 길이 제한 초과: ${fieldName} = "${value}" (최대: ${config.maxLength})`);
|
||||
// console.log(`❌ 길이 제한 초과: ${fieldName} = "${value}" (최대: ${config.maxLength})`);
|
||||
return; // 최대 길이 초과 차단
|
||||
}
|
||||
|
||||
console.log(`✅ updateFormData 호출: ${fieldName} = "${value}"`);
|
||||
// console.log(`✅ updateFormData 호출: ${fieldName} = "${value}"`);
|
||||
updateFormData(fieldName, value);
|
||||
};
|
||||
|
||||
|
|
@ -797,16 +797,16 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
|
||||
// 파일 선택을 취소한 경우 (files가 null이거나 길이가 0)
|
||||
if (!files || files.length === 0) {
|
||||
console.log("📁 파일 선택 취소됨 - 기존 파일 유지");
|
||||
// console.log("📁 파일 선택 취소됨 - 기존 파일 유지");
|
||||
|
||||
// 현재 저장된 파일이 있는지 확인
|
||||
const currentStoredValue = externalFormData?.[fieldName] || localFormData[fieldName];
|
||||
if (currentStoredValue) {
|
||||
console.log("📁 기존 파일 있음 - 유지:", currentStoredValue);
|
||||
// console.log("📁 기존 파일 있음 - 유지:", currentStoredValue);
|
||||
// 기존 파일이 있으면 그대로 유지 (아무것도 하지 않음)
|
||||
return;
|
||||
} else {
|
||||
console.log("📁 기존 파일 없음 - 빈 상태 유지");
|
||||
// console.log("📁 기존 파일 없음 - 빈 상태 유지");
|
||||
// 기존 파일이 없으면 빈 상태 유지
|
||||
return;
|
||||
}
|
||||
|
|
@ -831,7 +831,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
const uploadResult = await uploadFilesAndCreateData(files);
|
||||
|
||||
if (uploadResult.success) {
|
||||
console.log("📁 업로드 완료된 파일 데이터:", uploadResult.data);
|
||||
// console.log("📁 업로드 완료된 파일 데이터:", uploadResult.data);
|
||||
|
||||
setLocalFormData(prev => ({ ...prev, [fieldName]: uploadResult.data }));
|
||||
|
||||
|
|
@ -845,7 +845,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
throw new Error("파일 업로드에 실패했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("파일 업로드 오류:", error);
|
||||
// console.error("파일 업로드 오류:", error);
|
||||
toast.error("파일 업로드에 실패했습니다.");
|
||||
|
||||
// 파일 입력 초기화
|
||||
|
|
@ -1023,12 +1023,12 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
isCodeType: true, // 코드 타입임을 명시
|
||||
}}
|
||||
onEvent={(event: string, data: any) => {
|
||||
console.log(`Code widget event: ${event}`, data);
|
||||
// console.log(`Code widget event: ${event}`, data);
|
||||
}}
|
||||
/>
|
||||
);
|
||||
} catch (error) {
|
||||
console.error("DynamicWebTypeRenderer 로딩 실패, 기본 Select 사용:", error);
|
||||
// console.error("DynamicWebTypeRenderer 로딩 실패, 기본 Select 사용:", error);
|
||||
|
||||
// 폴백: 기본 Select 컴포넌트 사용
|
||||
return applyStyles(
|
||||
|
|
@ -1148,21 +1148,21 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
await handleCustomAction();
|
||||
break;
|
||||
default:
|
||||
console.log(`알 수 없는 액션 타입: ${actionType}`);
|
||||
// console.log(`알 수 없는 액션 타입: ${actionType}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error(`버튼 액션 실행 오류 (${actionType}):`, error);
|
||||
// console.error(`버튼 액션 실행 오류 (${actionType}):`, error);
|
||||
alert(`작업 중 오류가 발생했습니다: ${error.message}`);
|
||||
}
|
||||
};
|
||||
|
||||
// 저장 액션 (개선된 버전)
|
||||
const handleSaveAction = async () => {
|
||||
console.log("💾 저장 시작");
|
||||
// console.log("💾 저장 시작");
|
||||
|
||||
// 개선된 검증 시스템이 활성화된 경우
|
||||
if (enhancedValidation) {
|
||||
console.log("🔍 개선된 검증 시스템 사용");
|
||||
// console.log("🔍 개선된 검증 시스템 사용");
|
||||
const success = await enhancedValidation.saveForm();
|
||||
if (success) {
|
||||
toast.success("데이터가 성공적으로 저장되었습니다!");
|
||||
|
|
@ -1172,7 +1172,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
|
||||
// 기존 방식 (레거시 지원)
|
||||
const currentFormData = { ...localFormData, ...externalFormData };
|
||||
console.log("💾 기존 방식으로 저장 - currentFormData:", currentFormData);
|
||||
// console.log("💾 기존 방식으로 저장 - currentFormData:", currentFormData);
|
||||
|
||||
// formData 유효성 체크를 완화 (빈 객체라도 위젯이 있으면 저장 진행)
|
||||
const hasWidgets = allComponents.some(comp => comp.type === 'widget');
|
||||
|
|
@ -1249,7 +1249,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
existingValue: value
|
||||
});
|
||||
} else if (!isAutoInput) {
|
||||
console.log(`📝 일반 입력 필드: ${fieldName} = "${value}"`);
|
||||
// console.log(`📝 일반 입력 필드: ${fieldName} = "${value}"`);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1260,7 +1260,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
mappedData[saveKey] = value;
|
||||
} else if (widget.columnName) {
|
||||
// 값이 없지만 columnName이 있는 경우, 빈 문자열로 저장
|
||||
console.log(`⚠️ ${widget.columnName} 필드에 값이 없어 빈 문자열로 저장`);
|
||||
// console.log(`⚠️ ${widget.columnName} 필드에 값이 없어 빈 문자열로 저장`);
|
||||
mappedData[widget.columnName] = "";
|
||||
}
|
||||
}
|
||||
|
|
@ -1275,20 +1275,20 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
});
|
||||
|
||||
// 각 컴포넌트의 상세 정보 로그
|
||||
console.log("🔍 컴포넌트별 데이터 수집 상세:");
|
||||
// console.log("🔍 컴포넌트별 데이터 수집 상세:");
|
||||
allComponents.forEach(comp => {
|
||||
if (comp.type === 'widget') {
|
||||
const widget = comp as WidgetComponent;
|
||||
const fieldName = widget.columnName || widget.id;
|
||||
const value = currentFormData[fieldName];
|
||||
const hasValue = value !== undefined && value !== null && value !== '';
|
||||
console.log(` - ${fieldName} (${widget.widgetType}): "${value}" (값있음: ${hasValue}, 컬럼명: ${widget.columnName})`);
|
||||
// console.log(` - ${fieldName} (${widget.widgetType}): "${value}" (값있음: ${hasValue}, 컬럼명: ${widget.columnName})`);
|
||||
}
|
||||
});
|
||||
|
||||
// 매핑된 데이터가 비어있으면 경고
|
||||
if (Object.keys(mappedData).length === 0) {
|
||||
console.warn("⚠️ 매핑된 데이터가 없습니다. 빈 데이터로 저장됩니다.");
|
||||
// console.warn("⚠️ 매핑된 데이터가 없습니다. 빈 데이터로 저장됩니다.");
|
||||
}
|
||||
|
||||
// 테이블명 결정 (화면 정보에서 가져오거나 첫 번째 컴포넌트의 테이블명 사용)
|
||||
|
|
@ -1302,13 +1302,13 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
data: mappedData,
|
||||
};
|
||||
|
||||
console.log("🚀 API 저장 요청:", saveData);
|
||||
// console.log("🚀 API 저장 요청:", saveData);
|
||||
|
||||
const result = await dynamicFormApi.saveFormData(saveData);
|
||||
|
||||
if (result.success) {
|
||||
alert("저장되었습니다.");
|
||||
console.log("✅ 저장 성공:", result.data);
|
||||
// console.log("✅ 저장 성공:", result.data);
|
||||
|
||||
// 저장 후 데이터 초기화 (선택사항)
|
||||
if (onFormDataChange) {
|
||||
|
|
@ -1322,7 +1322,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
throw new Error(result.message || "저장에 실패했습니다.");
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error("❌ 저장 실패:", error);
|
||||
// console.error("❌ 저장 실패:", error);
|
||||
alert(`저장 중 오류가 발생했습니다: ${error.message}`);
|
||||
}
|
||||
};
|
||||
|
|
@ -1355,13 +1355,13 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
}
|
||||
|
||||
try {
|
||||
console.log("🗑️ 삭제 실행:", { recordId, tableName, formData });
|
||||
// console.log("🗑️ 삭제 실행:", { recordId, tableName, formData });
|
||||
|
||||
const result = await dynamicFormApi.deleteFormDataFromTable(recordId, tableName);
|
||||
|
||||
if (result.success) {
|
||||
alert("삭제되었습니다.");
|
||||
console.log("✅ 삭제 성공");
|
||||
// console.log("✅ 삭제 성공");
|
||||
|
||||
// 삭제 후 폼 초기화
|
||||
if (onFormDataChange) {
|
||||
|
|
@ -1375,28 +1375,28 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
throw new Error(result.message || "삭제에 실패했습니다.");
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error("❌ 삭제 실패:", error);
|
||||
// console.error("❌ 삭제 실패:", error);
|
||||
alert(`삭제 중 오류가 발생했습니다: ${error.message}`);
|
||||
}
|
||||
};
|
||||
|
||||
// 편집 액션
|
||||
const handleEditAction = () => {
|
||||
console.log("✏️ 편집 모드 활성화");
|
||||
// console.log("✏️ 편집 모드 활성화");
|
||||
// 읽기 전용 모드를 편집 모드로 전환
|
||||
alert("편집 모드로 전환되었습니다.");
|
||||
};
|
||||
|
||||
// 추가 액션
|
||||
const handleAddAction = () => {
|
||||
console.log("➕ 새 항목 추가");
|
||||
// console.log("➕ 새 항목 추가");
|
||||
// 새 항목 추가 로직
|
||||
alert("새 항목을 추가할 수 있습니다.");
|
||||
};
|
||||
|
||||
// 검색 액션
|
||||
const handleSearchAction = () => {
|
||||
console.log("🔍 검색 실행:", formData);
|
||||
// console.log("🔍 검색 실행:", formData);
|
||||
// 검색 로직
|
||||
const searchTerms = Object.values(formData).filter(v => v && v.toString().trim());
|
||||
if (searchTerms.length === 0) {
|
||||
|
|
@ -1416,21 +1416,21 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
});
|
||||
onFormDataChange(resetData);
|
||||
}
|
||||
console.log("🔄 폼 초기화 완료");
|
||||
// console.log("🔄 폼 초기화 완료");
|
||||
alert("입력이 초기화되었습니다.");
|
||||
}
|
||||
};
|
||||
|
||||
// 제출 액션
|
||||
const handleSubmitAction = async () => {
|
||||
console.log("📤 폼 제출:", formData);
|
||||
// console.log("📤 폼 제출:", formData);
|
||||
// 제출 로직
|
||||
alert("제출되었습니다.");
|
||||
};
|
||||
|
||||
// 닫기 액션
|
||||
const handleCloseAction = () => {
|
||||
console.log("❌ 닫기 액션 실행");
|
||||
// console.log("❌ 닫기 액션 실행");
|
||||
|
||||
// 모달 내부에서 실행되는지 확인
|
||||
const isInModal = document.querySelector('[role="dialog"]') !== null;
|
||||
|
|
@ -1438,7 +1438,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
|
||||
if (isInModal) {
|
||||
// 모달 내부인 경우: 모달의 닫기 버튼 클릭하거나 모달 닫기 이벤트 발생
|
||||
console.log("🔄 모달 내부에서 닫기 - 모달 닫기 시도");
|
||||
// console.log("🔄 모달 내부에서 닫기 - 모달 닫기 시도");
|
||||
|
||||
// 모달의 닫기 버튼을 찾아서 클릭
|
||||
const modalCloseButton = document.querySelector('[role="dialog"] button[aria-label*="Close"], [role="dialog"] button[data-dismiss="modal"], [role="dialog"] .dialog-close');
|
||||
|
|
@ -1451,18 +1451,18 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
}
|
||||
} else if (isInPopup) {
|
||||
// 팝업 창인 경우
|
||||
console.log("🔄 팝업 창 닫기");
|
||||
// console.log("🔄 팝업 창 닫기");
|
||||
window.close();
|
||||
} else {
|
||||
// 일반 페이지인 경우 - 이전 페이지로 이동하지 않고 아무것도 하지 않음
|
||||
console.log("🔄 일반 페이지에서 닫기 - 아무 동작 하지 않음");
|
||||
// console.log("🔄 일반 페이지에서 닫기 - 아무 동작 하지 않음");
|
||||
alert("닫기 버튼이 클릭되었습니다.");
|
||||
}
|
||||
};
|
||||
|
||||
// 팝업 액션
|
||||
const handlePopupAction = () => {
|
||||
console.log("🎯 팝업 액션 실행:", { popupScreenId: config?.popupScreenId });
|
||||
// console.log("🎯 팝업 액션 실행:", { popupScreenId: config?.popupScreenId });
|
||||
|
||||
if (config?.popupScreenId) {
|
||||
// 화면 모달 열기
|
||||
|
|
@ -1528,12 +1528,12 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
if (result instanceof Promise) {
|
||||
await result;
|
||||
}
|
||||
console.log("⚡ 커스텀 액션 실행 완료");
|
||||
// console.log("⚡ 커스텀 액션 실행 완료");
|
||||
} catch (error) {
|
||||
throw new Error(`커스텀 액션 실행 실패: ${error.message}`);
|
||||
}
|
||||
} else {
|
||||
console.log("⚡ 커스텀 액션이 설정되지 않았습니다.");
|
||||
// console.log("⚡ 커스텀 액션이 설정되지 않았습니다.");
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -1619,7 +1619,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
company_code: file.companyCode
|
||||
}));
|
||||
|
||||
console.log("💾 attach_file_info 형태로 변환된 데이터:", fileInfoForDB);
|
||||
// console.log("💾 attach_file_info 형태로 변환된 데이터:", fileInfoForDB);
|
||||
|
||||
// FormData에는 파일 연결 정보만 저장 (간단한 형태)
|
||||
const formDataValue = {
|
||||
|
|
@ -1633,7 +1633,7 @@ export const InteractiveScreenViewer: React.FC<InteractiveScreenViewerProps> = (
|
|||
}))
|
||||
};
|
||||
|
||||
console.log("📝 FormData 저장값:", { fieldName, formDataValue });
|
||||
// console.log("📝 FormData 저장값:", { fieldName, formDataValue });
|
||||
onFormDataChange(fieldName, formDataValue);
|
||||
|
||||
// TODO: 실제 API 연동 시 attach_file_info 테이블에 저장
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
setPopupScreen(null);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("팝업 화면 로드 오류:", error);
|
||||
// console.error("팝업 화면 로드 오류:", error);
|
||||
toast.error("팝업 화면 로드 중 오류가 발생했습니다.");
|
||||
setPopupScreen(null);
|
||||
} finally {
|
||||
|
|
@ -129,14 +129,14 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
|
||||
// 폼 데이터 변경 핸들러
|
||||
const handleFormDataChange = (fieldName: string, value: any) => {
|
||||
console.log(`🎯 InteractiveScreenViewerDynamic handleFormDataChange 호출: ${fieldName} = "${value}"`);
|
||||
console.log(`📋 onFormDataChange 존재 여부:`, !!onFormDataChange);
|
||||
// console.log(`🎯 InteractiveScreenViewerDynamic handleFormDataChange 호출: ${fieldName} = "${value}"`);
|
||||
// console.log(`📋 onFormDataChange 존재 여부:`, !!onFormDataChange);
|
||||
|
||||
if (onFormDataChange) {
|
||||
console.log(`📤 InteractiveScreenViewerDynamic -> onFormDataChange 호출: ${fieldName} = "${value}"`);
|
||||
// console.log(`📤 InteractiveScreenViewerDynamic -> onFormDataChange 호출: ${fieldName} = "${value}"`);
|
||||
onFormDataChange(fieldName, value);
|
||||
} else {
|
||||
console.log(`💾 InteractiveScreenViewerDynamic 로컬 상태 업데이트: ${fieldName} = "${value}"`);
|
||||
// console.log(`💾 InteractiveScreenViewerDynamic 로컬 상태 업데이트: ${fieldName} = "${value}"`);
|
||||
setLocalFormData((prev) => ({ ...prev, [fieldName]: value }));
|
||||
}
|
||||
};
|
||||
|
|
@ -240,14 +240,14 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
config={widget.webTypeConfig}
|
||||
onEvent={(event: string, data: any) => {
|
||||
// 이벤트 처리
|
||||
console.log(`Widget event: ${event}`, data);
|
||||
// console.log(`Widget event: ${event}`, data);
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
return applyStyles(dynamicElement);
|
||||
} catch (error) {
|
||||
console.error(`웹타입 "${widgetType}" 대화형 렌더링 실패:`, error);
|
||||
// console.error(`웹타입 "${widgetType}" 대화형 렌더링 실패:`, error);
|
||||
// 오류 발생 시 폴백으로 기본 input 렌더링
|
||||
const fallbackElement = (
|
||||
<Input
|
||||
|
|
@ -297,7 +297,7 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
data: formData,
|
||||
};
|
||||
|
||||
console.log("💾 저장 액션 실행:", saveData);
|
||||
// console.log("💾 저장 액션 실행:", saveData);
|
||||
const response = await dynamicFormApi.saveData(saveData);
|
||||
|
||||
if (response.success) {
|
||||
|
|
@ -306,14 +306,14 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
toast.error(response.message || "저장에 실패했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("저장 오류:", error);
|
||||
// console.error("저장 오류:", error);
|
||||
toast.error("저장 중 오류가 발생했습니다.");
|
||||
}
|
||||
};
|
||||
|
||||
const handleDeleteAction = async () => {
|
||||
if (!config?.confirmationEnabled || window.confirm(config.confirmationMessage || "정말 삭제하시겠습니까?")) {
|
||||
console.log("🗑️ 삭제 액션 실행");
|
||||
// console.log("🗑️ 삭제 액션 실행");
|
||||
toast.success("삭제가 완료되었습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -355,7 +355,7 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
if (result instanceof Promise) {
|
||||
await result;
|
||||
}
|
||||
console.log("⚡ 커스텀 액션 실행 완료");
|
||||
// console.log("⚡ 커스텀 액션 실행 완료");
|
||||
} catch (error) {
|
||||
throw new Error(`커스텀 액션 실행 실패: ${error.message}`);
|
||||
}
|
||||
|
|
@ -383,10 +383,10 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
await handleCustomAction();
|
||||
break;
|
||||
default:
|
||||
console.log("🔘 기본 버튼 클릭");
|
||||
// console.log("🔘 기본 버튼 클릭");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("버튼 액션 오류:", error);
|
||||
// console.error("버튼 액션 오류:", error);
|
||||
toast.error(error.message || "액션 실행 중 오류가 발생했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -451,7 +451,7 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
...formData
|
||||
}}
|
||||
onFormDataChange={(data) => {
|
||||
console.log("📝 실제 화면 파일 업로드 완료:", data);
|
||||
// console.log("📝 실제 화면 파일 업로드 완료:", data);
|
||||
if (onFormDataChange) {
|
||||
Object.entries(data).forEach(([key, value]) => {
|
||||
onFormDataChange(key, value);
|
||||
|
|
@ -486,25 +486,25 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
|
|||
source: 'realScreen' // 실제 화면에서 온 이벤트임을 표시
|
||||
};
|
||||
|
||||
console.log("🚀🚀🚀 실제 화면 파일 변경 이벤트 발생:", eventDetail);
|
||||
// console.log("🚀🚀🚀 실제 화면 파일 변경 이벤트 발생:", eventDetail);
|
||||
|
||||
const event = new CustomEvent('globalFileStateChanged', {
|
||||
detail: eventDetail
|
||||
});
|
||||
window.dispatchEvent(event);
|
||||
|
||||
console.log("✅✅✅ 실제 화면 → 화면설계 모드 동기화 이벤트 발생 완료");
|
||||
// console.log("✅✅✅ 실제 화면 → 화면설계 모드 동기화 이벤트 발생 완료");
|
||||
|
||||
// 추가 지연 이벤트들 (화면설계 모드가 열려있을 때를 대비)
|
||||
setTimeout(() => {
|
||||
console.log("🔄 실제 화면 추가 이벤트 발생 (지연 100ms)");
|
||||
// console.log("🔄 실제 화면 추가 이벤트 발생 (지연 100ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true }
|
||||
}));
|
||||
}, 100);
|
||||
|
||||
setTimeout(() => {
|
||||
console.log("🔄 실제 화면 추가 이벤트 발생 (지연 500ms)");
|
||||
// console.log("🔄 실제 화면 추가 이벤트 발생 (지연 500ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true, attempt: 2 }
|
||||
}));
|
||||
|
|
|
|||
|
|
@ -71,13 +71,13 @@ export const MenuAssignmentModal: React.FC<MenuAssignmentModalProps> = ({
|
|||
company_name: menu.company_name || menu.COMPANY_NAME,
|
||||
}));
|
||||
|
||||
console.log("로드된 관리자 메뉴 목록:", {
|
||||
total: normalizedAdminMenus.length,
|
||||
sample: normalizedAdminMenus.slice(0, 3),
|
||||
});
|
||||
// console.log("로드된 관리자 메뉴 목록:", {
|
||||
// total: normalizedAdminMenus.length,
|
||||
// sample: normalizedAdminMenus.slice(0, 3),
|
||||
// });
|
||||
setMenus(normalizedAdminMenus);
|
||||
} catch (error) {
|
||||
console.error("메뉴 목록 로드 실패:", error);
|
||||
// console.error("메뉴 목록 로드 실패:", error);
|
||||
toast.error("메뉴 목록을 불러오는데 실패했습니다.");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
|
|
@ -117,10 +117,10 @@ export const MenuAssignmentModal: React.FC<MenuAssignmentModalProps> = ({
|
|||
if (menuObjid > 0) {
|
||||
const screens = await menuScreenApi.getScreensByMenu(menuObjid);
|
||||
setExistingScreens(screens);
|
||||
console.log(`메뉴 "${menu.menu_name_kor}"에 할당된 화면:`, screens);
|
||||
// console.log(`메뉴 "${menu.menu_name_kor}"에 할당된 화면:`, screens);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("할당된 화면 조회 실패:", error);
|
||||
// console.error("할당된 화면 조회 실패:", error);
|
||||
setExistingScreens([]);
|
||||
}
|
||||
}
|
||||
|
|
@ -166,13 +166,13 @@ export const MenuAssignmentModal: React.FC<MenuAssignmentModalProps> = ({
|
|||
|
||||
// 기존 화면 교체인 경우 기존 화면들 먼저 제거
|
||||
if (replaceExisting && existingScreens.length > 0) {
|
||||
console.log("기존 화면들 제거 중...", existingScreens);
|
||||
// console.log("기존 화면들 제거 중...", existingScreens);
|
||||
for (const existingScreen of existingScreens) {
|
||||
try {
|
||||
await menuScreenApi.unassignScreenFromMenu(existingScreen.screenId, menuObjid);
|
||||
console.log(`기존 화면 "${existingScreen.screenName}" 제거 완료`);
|
||||
// console.log(`기존 화면 "${existingScreen.screenName}" 제거 완료`);
|
||||
} catch (error) {
|
||||
console.error(`기존 화면 "${existingScreen.screenName}" 제거 실패:`, error);
|
||||
// console.error(`기존 화면 "${existingScreen.screenName}" 제거 실패:`, error);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -202,7 +202,7 @@ export const MenuAssignmentModal: React.FC<MenuAssignmentModalProps> = ({
|
|||
}
|
||||
}, 3000);
|
||||
} catch (error: any) {
|
||||
console.error("화면 할당 실패:", error);
|
||||
// console.error("화면 할당 실패:", error);
|
||||
const errorMessage = error.response?.data?.message || "화면 할당에 실패했습니다.";
|
||||
toast.error(errorMessage);
|
||||
} finally {
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
const startTime = performance.now();
|
||||
|
||||
try {
|
||||
console.log(`🔘 Button clicked: ${component.id} (${config?.actionType})`);
|
||||
// console.log(`🔘 Button clicked: ${component.id} (${config?.actionType})`);
|
||||
|
||||
// 🔥 확장된 컨텍스트 데이터 수집
|
||||
const contextData = {
|
||||
|
|
@ -88,14 +88,14 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
// 🔥 제어 전용 액션인지 확인
|
||||
const isControlOnlyAction = config?.actionType === "control";
|
||||
|
||||
console.log("🎯 OptimizedButtonComponent 실행:", {
|
||||
actionType: config?.actionType,
|
||||
isControlOnlyAction,
|
||||
enableDataflowControl: config?.enableDataflowControl,
|
||||
hasDataflowConfig: !!config?.dataflowConfig,
|
||||
selectedRows,
|
||||
selectedRowsData,
|
||||
});
|
||||
// console.log("🎯 OptimizedButtonComponent 실행:", {
|
||||
// actionType: config?.actionType,
|
||||
// isControlOnlyAction,
|
||||
// enableDataflowControl: config?.enableDataflowControl,
|
||||
// hasDataflowConfig: !!config?.dataflowConfig,
|
||||
// selectedRows,
|
||||
// selectedRowsData,
|
||||
// });
|
||||
|
||||
if (config?.enableDataflowControl && config?.dataflowConfig) {
|
||||
// 🔥 확장된 제어 검증 먼저 실행
|
||||
|
|
@ -131,7 +131,7 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
await executeOriginalAction(config?.actionType || "save", contextData);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Button execution failed:", error);
|
||||
// console.error("Button execution failed:", error);
|
||||
toast.error("버튼 실행 중 오류가 발생했습니다.");
|
||||
setLastResult({ success: false, error: error.message });
|
||||
} finally {
|
||||
|
|
@ -142,9 +142,9 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
|
||||
// 성능 로깅
|
||||
if (totalTime > 200) {
|
||||
console.warn(`🐌 Slow button execution: ${totalTime.toFixed(2)}ms`);
|
||||
// console.warn(`🐌 Slow button execution: ${totalTime.toFixed(2)}ms`);
|
||||
} else {
|
||||
console.log(`⚡ Button execution: ${totalTime.toFixed(2)}ms`);
|
||||
// console.log(`⚡ Button execution: ${totalTime.toFixed(2)}ms`);
|
||||
}
|
||||
}
|
||||
}, [isExecuting, disabled, component.id, config?.actionType, config?.enableDataflowControl, formData, clickCount]);
|
||||
|
|
@ -212,22 +212,22 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
|
||||
switch (actionType) {
|
||||
case "save":
|
||||
console.log("💾 Save action completed:", result);
|
||||
// console.log("💾 Save action completed:", result);
|
||||
break;
|
||||
case "delete":
|
||||
console.log("🗑️ Delete action completed:", result);
|
||||
// console.log("🗑️ Delete action completed:", result);
|
||||
break;
|
||||
case "search":
|
||||
console.log("🔍 Search action completed:", result);
|
||||
// console.log("🔍 Search action completed:", result);
|
||||
break;
|
||||
case "add":
|
||||
console.log("➕ Add action completed:", result);
|
||||
// console.log("➕ Add action completed:", result);
|
||||
break;
|
||||
case "edit":
|
||||
console.log("✏️ Edit action completed:", result);
|
||||
// console.log("✏️ Edit action completed:", result);
|
||||
break;
|
||||
default:
|
||||
console.log(`✅ ${actionType} action completed:`, result);
|
||||
// console.log(`✅ ${actionType} action completed:`, result);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -289,7 +289,7 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
return newSet;
|
||||
});
|
||||
|
||||
console.error("Background job failed:", status.result);
|
||||
// console.error("Background job failed:", status.result);
|
||||
toast.error("백그라운드 처리 중 오류가 발생했습니다.", { duration: 3000 });
|
||||
return;
|
||||
}
|
||||
|
|
@ -298,7 +298,7 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
if (pollCount < maxPolls && (status.status === "pending" || status.status === "processing")) {
|
||||
setTimeout(pollJobStatus, pollInterval);
|
||||
} else if (pollCount >= maxPolls) {
|
||||
console.warn(`Background job polling timeout: ${jobId}`);
|
||||
// console.warn(`Background job polling timeout: ${jobId}`);
|
||||
setBackgroundJobs((prev) => {
|
||||
const newSet = new Set(prev);
|
||||
newSet.delete(jobId);
|
||||
|
|
@ -306,7 +306,7 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Failed to check job status:", error);
|
||||
// console.error("Failed to check job status:", error);
|
||||
setBackgroundJobs((prev) => {
|
||||
const newSet = new Set(prev);
|
||||
newSet.delete(jobId);
|
||||
|
|
@ -388,7 +388,7 @@ export const OptimizedButtonComponent: React.FC<OptimizedButtonProps> = ({
|
|||
): Promise<any> => {
|
||||
// 🔥 제어 액션은 여기서 처리하지 않음 (이미 위에서 처리됨)
|
||||
if (actionType === "control") {
|
||||
console.warn("제어 액션은 executeOriginalAction에서 처리되지 않아야 합니다.");
|
||||
// console.warn("제어 액션은 executeOriginalAction에서 처리되지 않아야 합니다.");
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@ const WidgetRenderer: React.FC<{ component: ComponentData }> = ({ component }) =
|
|||
const { widgetType, label, placeholder, required, readonly, columnName, style } = widget;
|
||||
|
||||
// 디버깅: 실제 widgetType 값 확인
|
||||
console.log("RealtimePreviewDynamic - widgetType:", widgetType, "columnName:", columnName);
|
||||
// console.log("RealtimePreviewDynamic - widgetType:", widgetType, "columnName:", columnName);
|
||||
|
||||
// 사용자가 테두리를 설정했는지 확인
|
||||
const hasCustomBorder = style && (style.borderWidth || style.borderStyle || style.borderColor || style.border);
|
||||
|
|
@ -129,11 +129,11 @@ const WidgetRenderer: React.FC<{ component: ComponentData }> = ({ component }) =
|
|||
|
||||
// 파일 컴포넌트는 별도 로직에서 처리하므로 여기서는 제외
|
||||
if (isFileComponent(widget)) {
|
||||
console.log("🎯 RealtimePreview - 파일 컴포넌트 감지 (별도 처리):", {
|
||||
componentId: widget.id,
|
||||
widgetType: widgetType,
|
||||
isFileComponent: true
|
||||
});
|
||||
// console.log("🎯 RealtimePreview - 파일 컴포넌트 감지 (별도 처리):", {
|
||||
// componentId: widget.id,
|
||||
// widgetType: widgetType,
|
||||
// isFileComponent: true
|
||||
// });
|
||||
|
||||
return <div className="text-xs text-gray-500 p-2">파일 컴포넌트 (별도 렌더링)</div>;
|
||||
}
|
||||
|
|
@ -154,7 +154,7 @@ const WidgetRenderer: React.FC<{ component: ComponentData }> = ({ component }) =
|
|||
/>
|
||||
);
|
||||
} catch (error) {
|
||||
console.error(`웹타입 "${widgetType}" 렌더링 실패:`, error);
|
||||
// console.error(`웹타입 "${widgetType}" 렌더링 실패:`, error);
|
||||
// 오류 발생 시 폴백으로 기본 input 렌더링
|
||||
return <Input type="text" {...commonProps} placeholder={`${widgetType} (렌더링 오류)`} />;
|
||||
}
|
||||
|
|
@ -226,66 +226,66 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
|
|||
// 전역 파일 상태 변경 감지 (해당 컴포넌트만)
|
||||
useEffect(() => {
|
||||
const handleGlobalFileStateChange = (event: CustomEvent) => {
|
||||
console.log("🎯🎯🎯 RealtimePreview 이벤트 수신:", {
|
||||
eventComponentId: event.detail.componentId,
|
||||
currentComponentId: component.id,
|
||||
isMatch: event.detail.componentId === component.id,
|
||||
filesCount: event.detail.files?.length || 0,
|
||||
action: event.detail.action,
|
||||
delayed: event.detail.delayed || false,
|
||||
attempt: event.detail.attempt || 1,
|
||||
eventDetail: event.detail
|
||||
});
|
||||
// console.log("🎯🎯🎯 RealtimePreview 이벤트 수신:", {
|
||||
// eventComponentId: event.detail.componentId,
|
||||
// currentComponentId: component.id,
|
||||
// isMatch: event.detail.componentId === component.id,
|
||||
// filesCount: event.detail.files?.length || 0,
|
||||
// action: event.detail.action,
|
||||
// delayed: event.detail.delayed || false,
|
||||
// attempt: event.detail.attempt || 1,
|
||||
// eventDetail: event.detail
|
||||
// });
|
||||
|
||||
if (event.detail.componentId === component.id) {
|
||||
console.log("✅✅✅ RealtimePreview 파일 상태 변경 감지 - 리렌더링 시작:", {
|
||||
componentId: component.id,
|
||||
filesCount: event.detail.files?.length || 0,
|
||||
action: event.detail.action,
|
||||
oldTrigger: fileUpdateTrigger,
|
||||
delayed: event.detail.delayed || false,
|
||||
attempt: event.detail.attempt || 1
|
||||
});
|
||||
// console.log("✅✅✅ RealtimePreview 파일 상태 변경 감지 - 리렌더링 시작:", {
|
||||
// componentId: component.id,
|
||||
// filesCount: event.detail.files?.length || 0,
|
||||
// action: event.detail.action,
|
||||
// oldTrigger: fileUpdateTrigger,
|
||||
// delayed: event.detail.delayed || false,
|
||||
// attempt: event.detail.attempt || 1
|
||||
// });
|
||||
setFileUpdateTrigger(prev => {
|
||||
const newTrigger = prev + 1;
|
||||
console.log("🔄🔄🔄 fileUpdateTrigger 업데이트:", {
|
||||
old: prev,
|
||||
new: newTrigger,
|
||||
componentId: component.id,
|
||||
attempt: event.detail.attempt || 1
|
||||
});
|
||||
// console.log("🔄🔄🔄 fileUpdateTrigger 업데이트:", {
|
||||
// old: prev,
|
||||
// new: newTrigger,
|
||||
// componentId: component.id,
|
||||
// attempt: event.detail.attempt || 1
|
||||
// });
|
||||
return newTrigger;
|
||||
});
|
||||
} else {
|
||||
console.log("❌ 컴포넌트 ID 불일치:", {
|
||||
eventComponentId: event.detail.componentId,
|
||||
currentComponentId: component.id
|
||||
});
|
||||
// console.log("❌ 컴포넌트 ID 불일치:", {
|
||||
// eventComponentId: event.detail.componentId,
|
||||
// currentComponentId: component.id
|
||||
// });
|
||||
}
|
||||
};
|
||||
|
||||
// 강제 업데이트 함수 등록
|
||||
const forceUpdate = (componentId: string, files: any[]) => {
|
||||
console.log("🔥🔥🔥 RealtimePreview 강제 업데이트 호출:", {
|
||||
targetComponentId: componentId,
|
||||
currentComponentId: component.id,
|
||||
isMatch: componentId === component.id,
|
||||
filesCount: files.length
|
||||
});
|
||||
// console.log("🔥🔥🔥 RealtimePreview 강제 업데이트 호출:", {
|
||||
// targetComponentId: componentId,
|
||||
// currentComponentId: component.id,
|
||||
// isMatch: componentId === component.id,
|
||||
// filesCount: files.length
|
||||
// });
|
||||
|
||||
if (componentId === component.id) {
|
||||
console.log("✅✅✅ RealtimePreview 강제 업데이트 적용:", {
|
||||
componentId: component.id,
|
||||
filesCount: files.length,
|
||||
oldTrigger: fileUpdateTrigger
|
||||
});
|
||||
// console.log("✅✅✅ RealtimePreview 강제 업데이트 적용:", {
|
||||
// componentId: component.id,
|
||||
// filesCount: files.length,
|
||||
// oldTrigger: fileUpdateTrigger
|
||||
// });
|
||||
setFileUpdateTrigger(prev => {
|
||||
const newTrigger = prev + 1;
|
||||
console.log("🔄🔄🔄 강제 fileUpdateTrigger 업데이트:", {
|
||||
old: prev,
|
||||
new: newTrigger,
|
||||
componentId: component.id
|
||||
});
|
||||
// console.log("🔄🔄🔄 강제 fileUpdateTrigger 업데이트:", {
|
||||
// old: prev,
|
||||
// new: newTrigger,
|
||||
// componentId: component.id
|
||||
// });
|
||||
return newTrigger;
|
||||
});
|
||||
}
|
||||
|
|
@ -300,14 +300,14 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
|
|||
(window as any).forceRealtimePreviewUpdate = forceUpdate;
|
||||
}
|
||||
} catch (error) {
|
||||
console.warn("RealtimePreview 이벤트 리스너 등록 실패:", error);
|
||||
// console.warn("RealtimePreview 이벤트 리스너 등록 실패:", error);
|
||||
}
|
||||
|
||||
return () => {
|
||||
try {
|
||||
window.removeEventListener('globalFileStateChanged', handleGlobalFileStateChange as EventListener);
|
||||
} catch (error) {
|
||||
console.warn("RealtimePreview 이벤트 리스너 제거 실패:", error);
|
||||
// console.warn("RealtimePreview 이벤트 리스너 제거 실패:", error);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
@ -423,16 +423,16 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
|
|||
// 최신 파일 정보 사용 (전역 상태 > 컴포넌트 속성)
|
||||
const currentFiles = globalFiles.length > 0 ? globalFiles : uploadedFiles;
|
||||
|
||||
console.log("🔍 RealtimePreview 파일 컴포넌트 렌더링:", {
|
||||
componentId: component.id,
|
||||
uploadedFilesCount: uploadedFiles.length,
|
||||
globalFilesCount: globalFiles.length,
|
||||
currentFilesCount: currentFiles.length,
|
||||
currentFiles: currentFiles.map((f: any) => ({ objid: f.objid, name: f.realFileName || f.name })),
|
||||
componentType: component.type,
|
||||
fileUpdateTrigger: fileUpdateTrigger,
|
||||
timestamp: new Date().toISOString()
|
||||
});
|
||||
// console.log("🔍 RealtimePreview 파일 컴포넌트 렌더링:", {
|
||||
// componentId: component.id,
|
||||
// uploadedFilesCount: uploadedFiles.length,
|
||||
// globalFilesCount: globalFiles.length,
|
||||
// currentFilesCount: currentFiles.length,
|
||||
// currentFiles: currentFiles.map((f: any) => ({ objid: f.objid, name: f.realFileName || f.name })),
|
||||
// componentType: component.type,
|
||||
// fileUpdateTrigger: fileUpdateTrigger,
|
||||
// timestamp: new Date().toISOString()
|
||||
// });
|
||||
|
||||
return (
|
||||
<div key={`file-component-${component.id}-${fileUpdateTrigger}`} className="flex h-full flex-col">
|
||||
|
|
|
|||
|
|
@ -201,14 +201,14 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
const restoreFileComponentsData = useCallback(async (components: ComponentData[]) => {
|
||||
if (!selectedScreen?.screenId) return;
|
||||
|
||||
console.log("🔄 파일 컴포넌트 데이터 복원 시작:", components.length);
|
||||
// console.log("🔄 파일 컴포넌트 데이터 복원 시작:", components.length);
|
||||
|
||||
try {
|
||||
// 실제 DB에서 화면의 모든 파일 정보 조회
|
||||
const fileResponse = await ScreenFileAPI.getScreenComponentFiles(selectedScreen.screenId);
|
||||
|
||||
if (!fileResponse.success) {
|
||||
console.warn("⚠️ 파일 정보 조회 실패:", fileResponse);
|
||||
// console.warn("⚠️ 파일 정보 조회 실패:", fileResponse);
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -271,7 +271,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ 파일 컴포넌트 데이터 복원 실패:", error);
|
||||
// console.error("❌ 파일 컴포넌트 데이터 복원 실패:", error);
|
||||
toast.error("파일 데이터 복원 중 오류가 발생했습니다.");
|
||||
}
|
||||
}, [selectedScreen?.screenId]);
|
||||
|
|
@ -723,11 +723,11 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
useEffect(() => {
|
||||
const initComponents = async () => {
|
||||
try {
|
||||
console.log("🚀 컴포넌트 시스템 초기화 시작...");
|
||||
// console.log("🚀 컴포넌트 시스템 초기화 시작...");
|
||||
await initializeComponents();
|
||||
console.log("✅ 컴포넌트 시스템 초기화 완료");
|
||||
// console.log("✅ 컴포넌트 시스템 초기화 완료");
|
||||
} catch (error) {
|
||||
console.error("❌ 컴포넌트 시스템 초기화 실패:", error);
|
||||
// console.error("❌ 컴포넌트 시스템 초기화 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -746,13 +746,13 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
if (!selectedScreen?.screenId) return;
|
||||
|
||||
try {
|
||||
console.log("🔄 화면 파일 복원 시작:", selectedScreen.screenId);
|
||||
// console.log("🔄 화면 파일 복원 시작:", selectedScreen.screenId);
|
||||
|
||||
// 해당 화면의 모든 파일 조회
|
||||
const response = await ScreenFileAPI.getScreenComponentFiles(selectedScreen.screenId);
|
||||
|
||||
if (response.success && response.componentFiles) {
|
||||
console.log("📁 복원할 파일 데이터:", response.componentFiles);
|
||||
// console.log("📁 복원할 파일 데이터:", response.componentFiles);
|
||||
|
||||
// 각 컴포넌트별로 파일 복원 (전역 상태와 localStorage 우선 적용)
|
||||
Object.entries(response.componentFiles).forEach(([componentId, serverFiles]) => {
|
||||
|
|
@ -769,7 +769,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
currentLocalStorageFiles = JSON.parse(storedFiles);
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn("localStorage 파일 파싱 실패:", e);
|
||||
// console.warn("localStorage 파일 파싱 실패:", e);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -777,12 +777,12 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
let finalFiles = serverFiles;
|
||||
if (currentGlobalFiles.length > 0) {
|
||||
finalFiles = currentGlobalFiles;
|
||||
console.log(`📂 컴포넌트 ${componentId} 전역 상태 우선 적용:`, finalFiles.length, "개");
|
||||
// console.log(`📂 컴포넌트 ${componentId} 전역 상태 우선 적용:`, finalFiles.length, "개");
|
||||
} else if (currentLocalStorageFiles.length > 0) {
|
||||
finalFiles = currentLocalStorageFiles;
|
||||
console.log(`📂 컴포넌트 ${componentId} localStorage 우선 적용:`, finalFiles.length, "개");
|
||||
// console.log(`📂 컴포넌트 ${componentId} localStorage 우선 적용:`, finalFiles.length, "개");
|
||||
} else {
|
||||
console.log(`📂 컴포넌트 ${componentId} 서버 데이터 적용:`, finalFiles.length, "개");
|
||||
// console.log(`📂 컴포넌트 ${componentId} 서버 데이터 적용:`, finalFiles.length, "개");
|
||||
}
|
||||
|
||||
// 전역 상태에 파일 저장
|
||||
|
|
@ -821,17 +821,17 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
};
|
||||
});
|
||||
|
||||
console.log("✅ 화면 파일 복원 완료");
|
||||
// console.log("✅ 화면 파일 복원 완료");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ 화면 파일 복원 오류:", error);
|
||||
// console.error("❌ 화면 파일 복원 오류:", error);
|
||||
}
|
||||
}, [selectedScreen?.screenId]);
|
||||
|
||||
// 전역 파일 상태 변경 이벤트 리스너
|
||||
useEffect(() => {
|
||||
const handleGlobalFileStateChange = (event: CustomEvent) => {
|
||||
console.log("🔄 ScreenDesigner: 전역 파일 상태 변경 감지", event.detail);
|
||||
// console.log("🔄 ScreenDesigner: 전역 파일 상태 변경 감지", event.detail);
|
||||
setForceRenderTrigger(prev => prev + 1);
|
||||
};
|
||||
|
||||
|
|
@ -881,7 +881,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
};
|
||||
setTables([tableInfo]); // 단일 테이블 정보만 설정
|
||||
} catch (error) {
|
||||
console.error("테이블 정보 로드 실패:", error);
|
||||
// console.error("테이블 정보 로드 실패:", error);
|
||||
toast.error(`테이블 '${selectedScreen.tableName}' 정보를 불러오는데 실패했습니다.`);
|
||||
}
|
||||
};
|
||||
|
|
@ -923,13 +923,13 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
// 저장된 해상도 정보가 있으면 적용, 없으면 기본값 사용
|
||||
if (response.screenResolution) {
|
||||
setScreenResolution(response.screenResolution);
|
||||
console.log("💾 저장된 해상도 불러옴:", response.screenResolution);
|
||||
// console.log("💾 저장된 해상도 불러옴:", response.screenResolution);
|
||||
} else {
|
||||
// 기본 해상도 (Full HD)
|
||||
const defaultResolution =
|
||||
SCREEN_RESOLUTIONS.find((r) => r.name === "Full HD (1920×1080)") || SCREEN_RESOLUTIONS[0];
|
||||
setScreenResolution(defaultResolution);
|
||||
console.log("🔧 기본 해상도 적용:", defaultResolution);
|
||||
// console.log("🔧 기본 해상도 적용:", defaultResolution);
|
||||
}
|
||||
|
||||
setLayout(layoutWithDefaultGrid);
|
||||
|
|
@ -940,7 +940,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
restoreFileComponentsData(layoutWithDefaultGrid.components);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("레이아웃 로드 실패:", error);
|
||||
// console.error("레이아웃 로드 실패:", error);
|
||||
toast.error("화면 레이아웃을 불러오는데 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -989,8 +989,8 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
});
|
||||
|
||||
newLayout.components = adjustedComponents;
|
||||
console.log("격자 설정 변경으로 컴포넌트 위치 및 크기 자동 조정:", adjustedComponents.length, "개");
|
||||
console.log("새로운 격자 정보:", newGridInfo);
|
||||
// console.log("격자 설정 변경으로 컴포넌트 위치 및 크기 자동 조정:", adjustedComponents.length, "개");
|
||||
// console.log("새로운 격자 정보:", newGridInfo);
|
||||
}
|
||||
|
||||
setLayout(newLayout);
|
||||
|
|
@ -1033,7 +1033,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
// 강제 격자 재조정 핸들러 (해상도 변경 후 수동 격자 맞춤용)
|
||||
const handleForceGridUpdate = useCallback(() => {
|
||||
if (!layout.gridSettings?.snapToGrid || layout.components.length === 0) {
|
||||
console.log("격자 재조정 생략: 스냅 비활성화 또는 컴포넌트 없음");
|
||||
// console.log("격자 재조정 생략: 스냅 비활성화 또는 컴포넌트 없음");
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -1114,7 +1114,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
// 저장 성공 후 메뉴 할당 모달 열기
|
||||
setShowMenuAssignmentModal(true);
|
||||
} catch (error) {
|
||||
console.error("저장 실패:", error);
|
||||
// console.error("저장 실패:", error);
|
||||
toast.error("저장 중 오류가 발생했습니다.");
|
||||
} finally {
|
||||
setIsSaving(false);
|
||||
|
|
@ -1581,7 +1581,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 존 클릭 핸들러
|
||||
const handleZoneClick = useCallback((zoneId: string) => {
|
||||
console.log("🎯 존 클릭:", zoneId);
|
||||
// console.log("🎯 존 클릭:", zoneId);
|
||||
// 필요시 존 선택 로직 추가
|
||||
}, []);
|
||||
|
||||
|
|
@ -1648,7 +1648,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
return;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("드래그 데이터 파싱 오류:", error);
|
||||
// console.error("드래그 데이터 파싱 오류:", error);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
|
@ -1810,15 +1810,15 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
e.preventDefault();
|
||||
|
||||
const dragData = e.dataTransfer.getData("application/json");
|
||||
console.log("🎯 드롭 이벤트:", { dragData });
|
||||
// console.log("🎯 드롭 이벤트:", { dragData });
|
||||
if (!dragData) {
|
||||
console.log("❌ 드래그 데이터가 없습니다");
|
||||
// console.log("❌ 드래그 데이터가 없습니다");
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const parsedData = JSON.parse(dragData);
|
||||
console.log("📋 파싱된 데이터:", parsedData);
|
||||
// console.log("📋 파싱된 데이터:", parsedData);
|
||||
|
||||
// 템플릿 드래그인 경우
|
||||
if (parsedData.type === "template") {
|
||||
|
|
@ -1871,7 +1871,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
},
|
||||
};
|
||||
} else if (type === "column") {
|
||||
console.log("🔄 컬럼 드롭 처리:", { webType: column.widgetType, columnName: column.columnName });
|
||||
// console.log("🔄 컬럼 드롭 처리:", { webType: column.widgetType, columnName: column.columnName });
|
||||
// 현재 해상도에 맞는 격자 정보로 기본 크기 계산
|
||||
const currentGridInfo = layout.gridSettings
|
||||
? calculateGridInfo(screenResolution.width, screenResolution.height, {
|
||||
|
|
@ -2052,7 +2052,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 웹타입을 새로운 컴포넌트 ID로 매핑
|
||||
const componentId = getComponentIdFromWebType(column.widgetType);
|
||||
console.log(`🔄 폼 컨테이너 드롭: ${column.widgetType} → ${componentId}`);
|
||||
// console.log(`🔄 폼 컨테이너 드롭: ${column.widgetType} → ${componentId}`);
|
||||
|
||||
newComponent = {
|
||||
id: generateComponentId(),
|
||||
|
|
@ -2096,7 +2096,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
} else {
|
||||
// 일반 캔버스에 드롭한 경우 - 새로운 컴포넌트 시스템 사용
|
||||
const componentId = getComponentIdFromWebType(column.widgetType);
|
||||
console.log(`🔄 캔버스 드롭: ${column.widgetType} → ${componentId}`);
|
||||
// console.log(`🔄 캔버스 드롭: ${column.widgetType} → ${componentId}`);
|
||||
|
||||
newComponent = {
|
||||
id: generateComponentId(),
|
||||
|
|
@ -2186,7 +2186,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
// 속성 패널 자동 열기
|
||||
openPanel("properties");
|
||||
} catch (error) {
|
||||
console.error("드롭 처리 실패:", error);
|
||||
// console.error("드롭 처리 실패:", error);
|
||||
}
|
||||
},
|
||||
[layout, gridInfo, saveToHistory, openPanel],
|
||||
|
|
@ -2237,7 +2237,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
}
|
||||
|
||||
// 다른 컴포넌트 타입의 더블클릭 처리는 여기에 추가
|
||||
console.log("더블클릭된 컴포넌트:", component.type, component.id);
|
||||
// console.log("더블클릭된 컴포넌트:", component.type, component.id);
|
||||
},
|
||||
[],
|
||||
);
|
||||
|
|
@ -2339,7 +2339,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
componentsToMove = [...componentsToMove, ...additionalComponents];
|
||||
}
|
||||
|
||||
console.log("드래그 시작:", component.id, "이동할 컴포넌트 수:", componentsToMove.length);
|
||||
// console.log("드래그 시작:", component.id, "이동할 컴포넌트 수:", componentsToMove.length);
|
||||
console.log("마우스 위치:", {
|
||||
clientX: event.clientX,
|
||||
clientY: event.clientY,
|
||||
|
|
@ -2706,7 +2706,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
const deleteComponent = useCallback(() => {
|
||||
// 다중 선택된 컴포넌트가 있는 경우
|
||||
if (groupState.selectedComponents.length > 0) {
|
||||
console.log("🗑️ 다중 컴포넌트 삭제:", groupState.selectedComponents.length, "개");
|
||||
// console.log("🗑️ 다중 컴포넌트 삭제:", groupState.selectedComponents.length, "개");
|
||||
|
||||
let newComponents = [...layout.components];
|
||||
|
||||
|
|
@ -2751,7 +2751,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
// 단일 선택된 컴포넌트 삭제
|
||||
if (!selectedComponent) return;
|
||||
|
||||
console.log("🗑️ 단일 컴포넌트 삭제:", selectedComponent.id);
|
||||
// console.log("🗑️ 단일 컴포넌트 삭제:", selectedComponent.id);
|
||||
|
||||
let newComponents;
|
||||
|
||||
|
|
@ -2789,12 +2789,12 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
// 다중 선택된 컴포넌트들 복사
|
||||
const componentsToCopy = layout.components.filter((comp) => groupState.selectedComponents.includes(comp.id));
|
||||
setClipboard(componentsToCopy);
|
||||
console.log("다중 컴포넌트 복사:", componentsToCopy.length, "개");
|
||||
// console.log("다중 컴포넌트 복사:", componentsToCopy.length, "개");
|
||||
toast.success(`${componentsToCopy.length}개 컴포넌트가 복사되었습니다.`);
|
||||
} else if (selectedComponent) {
|
||||
// 단일 컴포넌트 복사
|
||||
setClipboard([selectedComponent]);
|
||||
console.log("단일 컴포넌트 복사:", selectedComponent.id);
|
||||
// console.log("단일 컴포넌트 복사:", selectedComponent.id);
|
||||
toast.success("컴포넌트가 복사되었습니다.");
|
||||
}
|
||||
}, [selectedComponent, groupState.selectedComponents, layout.components]);
|
||||
|
|
@ -2837,14 +2837,14 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
selectedComponents: newComponents.map((comp) => comp.id),
|
||||
}));
|
||||
|
||||
console.log("컴포넌트 붙여넣기 완료:", newComponents.length, "개");
|
||||
// console.log("컴포넌트 붙여넣기 완료:", newComponents.length, "개");
|
||||
toast.success(`${newComponents.length}개 컴포넌트가 붙여넣어졌습니다.`);
|
||||
}, [clipboard, layout, saveToHistory]);
|
||||
|
||||
// 그룹 생성 (임시 비활성화)
|
||||
const handleGroupCreate = useCallback(
|
||||
(componentIds: string[], title: string, style?: any) => {
|
||||
console.log("그룹 생성 기능이 임시 비활성화되었습니다.");
|
||||
// console.log("그룹 생성 기능이 임시 비활성화되었습니다.");
|
||||
toast.info("그룹 기능이 임시 비활성화되었습니다.");
|
||||
return;
|
||||
|
||||
|
|
@ -3047,13 +3047,13 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
return;
|
||||
}
|
||||
|
||||
console.log("🔄 그룹 생성 다이얼로그 표시");
|
||||
// console.log("🔄 그룹 생성 다이얼로그 표시");
|
||||
setShowGroupCreateDialog(true);
|
||||
}, [groupState.selectedComponents]);
|
||||
|
||||
// 그룹 해제 함수 (임시 비활성화)
|
||||
const ungroupComponents = useCallback(() => {
|
||||
console.log("그룹 해제 기능이 임시 비활성화되었습니다.");
|
||||
// console.log("그룹 해제 기능이 임시 비활성화되었습니다.");
|
||||
toast.info("그룹 해제 기능이 임시 비활성화되었습니다.");
|
||||
return;
|
||||
|
||||
|
|
@ -3166,7 +3166,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
// 키보드 이벤트 처리 (브라우저 기본 기능 완전 차단)
|
||||
useEffect(() => {
|
||||
const handleKeyDown = async (e: KeyboardEvent) => {
|
||||
console.log("🎯 키 입력 감지:", { key: e.key, ctrlKey: e.ctrlKey, shiftKey: e.shiftKey, metaKey: e.metaKey });
|
||||
// console.log("🎯 키 입력 감지:", { key: e.key, ctrlKey: e.ctrlKey, shiftKey: e.shiftKey, metaKey: e.metaKey });
|
||||
|
||||
// 🚫 브라우저 기본 단축키 완전 차단 목록
|
||||
const browserShortcuts = [
|
||||
|
|
@ -3219,7 +3219,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
});
|
||||
|
||||
if (isBrowserShortcut) {
|
||||
console.log("🚫 브라우저 기본 단축키 차단:", e.key);
|
||||
// console.log("🚫 브라우저 기본 단축키 차단:", e.key);
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3229,38 +3229,38 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 1. 그룹 관련 단축키
|
||||
if ((e.ctrlKey || e.metaKey) && e.key?.toLowerCase() === "g" && !e.shiftKey) {
|
||||
console.log("🔄 그룹 생성 단축키");
|
||||
// console.log("🔄 그룹 생성 단축키");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
if (groupState.selectedComponents.length >= 2) {
|
||||
console.log("✅ 그룹 생성 실행");
|
||||
// console.log("✅ 그룹 생성 실행");
|
||||
createGroup();
|
||||
} else {
|
||||
console.log("⚠️ 선택된 컴포넌트가 부족함 (2개 이상 필요)");
|
||||
// console.log("⚠️ 선택된 컴포넌트가 부족함 (2개 이상 필요)");
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key?.toLowerCase() === "g") {
|
||||
console.log("🔄 그룹 해제 단축키");
|
||||
// console.log("🔄 그룹 해제 단축키");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
if (selectedComponent && selectedComponent.type === "group") {
|
||||
console.log("✅ 그룹 해제 실행");
|
||||
// console.log("✅ 그룹 해제 실행");
|
||||
ungroupComponents();
|
||||
} else {
|
||||
console.log("⚠️ 선택된 그룹이 없음");
|
||||
// console.log("⚠️ 선택된 그룹이 없음");
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
// 2. 전체 선택 (애플리케이션 내에서만)
|
||||
if ((e.ctrlKey || e.metaKey) && e.key?.toLowerCase() === "a") {
|
||||
console.log("🔄 전체 선택 (애플리케이션 내)");
|
||||
// console.log("🔄 전체 선택 (애플리케이션 내)");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3271,7 +3271,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 3. 실행취소/다시실행
|
||||
if ((e.ctrlKey || e.metaKey) && e.key?.toLowerCase() === "z" && !e.shiftKey) {
|
||||
console.log("🔄 실행취소");
|
||||
// console.log("🔄 실행취소");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3283,7 +3283,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
((e.ctrlKey || e.metaKey) && e.key?.toLowerCase() === "y") ||
|
||||
((e.ctrlKey || e.metaKey) && e.shiftKey && e.key?.toLowerCase() === "z")
|
||||
) {
|
||||
console.log("🔄 다시실행");
|
||||
// console.log("🔄 다시실행");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3293,7 +3293,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 4. 복사 (컴포넌트 복사)
|
||||
if ((e.ctrlKey || e.metaKey) && e.key?.toLowerCase() === "c") {
|
||||
console.log("🔄 컴포넌트 복사");
|
||||
// console.log("🔄 컴포넌트 복사");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3303,7 +3303,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 5. 붙여넣기 (컴포넌트 붙여넣기)
|
||||
if ((e.ctrlKey || e.metaKey) && e.key?.toLowerCase() === "v") {
|
||||
console.log("🔄 컴포넌트 붙여넣기");
|
||||
// console.log("🔄 컴포넌트 붙여넣기");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3313,7 +3313,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 6. 삭제 (단일/다중 선택 지원)
|
||||
if (e.key === "Delete" && (selectedComponent || groupState.selectedComponents.length > 0)) {
|
||||
console.log("🗑️ 컴포넌트 삭제 (단축키)");
|
||||
// console.log("🗑️ 컴포넌트 삭제 (단축키)");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3323,7 +3323,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 7. 선택 해제
|
||||
if (e.key === "Escape") {
|
||||
console.log("🔄 선택 해제");
|
||||
// console.log("🔄 선택 해제");
|
||||
setSelectedComponent(null);
|
||||
setGroupState((prev) => ({ ...prev, selectedComponents: [], isGrouping: false }));
|
||||
return false;
|
||||
|
|
@ -3331,7 +3331,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 8. 저장 (Ctrl+S는 레이아웃 저장용으로 사용)
|
||||
if ((e.ctrlKey || e.metaKey) && e.key?.toLowerCase() === "s") {
|
||||
console.log("💾 레이아웃 저장");
|
||||
// console.log("💾 레이아웃 저장");
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
|
|
@ -3353,13 +3353,13 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
await screenApi.saveLayout(selectedScreen.screenId, layoutWithResolution);
|
||||
toast.success("레이아웃이 저장되었습니다.");
|
||||
} catch (error) {
|
||||
console.error("레이아웃 저장 실패:", error);
|
||||
// console.error("레이아웃 저장 실패:", error);
|
||||
toast.error("레이아웃 저장에 실패했습니다.");
|
||||
} finally {
|
||||
setIsSaving(false);
|
||||
}
|
||||
} else {
|
||||
console.log("⚠️ 저장할 컴포넌트가 없습니다");
|
||||
// console.log("⚠️ 저장할 컴포넌트가 없습니다");
|
||||
toast.warning("저장할 컴포넌트가 없습니다.");
|
||||
}
|
||||
return false;
|
||||
|
|
@ -3455,7 +3455,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
}}
|
||||
onDrop={(e) => {
|
||||
e.preventDefault();
|
||||
console.log("🎯 캔버스 드롭 이벤트 발생");
|
||||
// console.log("🎯 캔버스 드롭 이벤트 발생");
|
||||
handleDrop(e);
|
||||
}}
|
||||
>
|
||||
|
|
@ -3555,7 +3555,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
onZoneClick={handleZoneClick}
|
||||
// 설정 변경 핸들러 (테이블 페이지 크기 등 설정을 상세설정에 반영)
|
||||
onConfigChange={(config) => {
|
||||
console.log("📤 테이블 설정 변경을 상세설정에 반영:", config);
|
||||
// console.log("📤 테이블 설정 변경을 상세설정에 반영:", config);
|
||||
|
||||
// 컴포넌트의 componentConfig 업데이트
|
||||
const updatedComponents = layout.components.map(comp => {
|
||||
|
|
@ -3667,7 +3667,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
onZoneClick={handleZoneClick}
|
||||
// 설정 변경 핸들러 (자식 컴포넌트용)
|
||||
onConfigChange={(config) => {
|
||||
console.log("📤 자식 컴포넌트 설정 변경을 상세설정에 알림:", config);
|
||||
// console.log("📤 자식 컴포넌트 설정 변경을 상세설정에 알림:", config);
|
||||
// TODO: 실제 구현은 DetailSettingsPanel과의 연동 필요
|
||||
}}
|
||||
/>
|
||||
|
|
@ -3732,13 +3732,13 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
searchTerm={searchTerm}
|
||||
onSearchChange={setSearchTerm}
|
||||
onDragStart={(e, table, column) => {
|
||||
console.log("🚀 드래그 시작:", { table: table.tableName, column: column?.columnName });
|
||||
// console.log("🚀 드래그 시작:", { table: table.tableName, column: column?.columnName });
|
||||
const dragData = {
|
||||
type: column ? "column" : "table",
|
||||
table,
|
||||
column,
|
||||
};
|
||||
console.log("📦 드래그 데이터:", dragData);
|
||||
// console.log("📦 드래그 데이터:", dragData);
|
||||
e.dataTransfer.setData("application/json", JSON.stringify(dragData));
|
||||
}}
|
||||
selectedTableName={selectedScreen.tableName}
|
||||
|
|
@ -3984,7 +3984,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
onClose={() => setShowMenuAssignmentModal(false)}
|
||||
screenInfo={selectedScreen}
|
||||
onAssignmentComplete={() => {
|
||||
console.log("메뉴 할당 완료");
|
||||
// console.log("메뉴 할당 완료");
|
||||
// 필요시 추가 작업 수행
|
||||
}}
|
||||
onBackToList={onBackToList}
|
||||
|
|
|
|||
|
|
@ -223,7 +223,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
const response = await screenApi.getTableInfo([selectedScreen.tableName]);
|
||||
setTables(response.data || []);
|
||||
} catch (error) {
|
||||
console.error("테이블 정보 로드 실패:", error);
|
||||
// console.error("테이블 정보 로드 실패:", error);
|
||||
toast.error("테이블 정보를 불러오는데 실패했습니다.");
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
|
|
@ -247,7 +247,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
setHasUnsavedChanges(false);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("레이아웃 로드 실패:", error);
|
||||
// console.error("레이아웃 로드 실패:", error);
|
||||
toast.error("화면 레이아웃을 불러오는데 실패했습니다.");
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
|
|
@ -271,7 +271,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
toast.error("저장에 실패했습니다.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("저장 실패:", error);
|
||||
// console.error("저장 실패:", error);
|
||||
toast.error("저장 중 오류가 발생했습니다.");
|
||||
} finally {
|
||||
setIsSaving(false);
|
||||
|
|
@ -346,7 +346,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
// 속성 패널 자동 열기
|
||||
openPanel("properties");
|
||||
} catch (error) {
|
||||
console.error("드롭 처리 실패:", error);
|
||||
// console.error("드롭 처리 실패:", error);
|
||||
}
|
||||
},
|
||||
[layout, gridInfo, saveToHistory, openPanel],
|
||||
|
|
|
|||
|
|
@ -410,7 +410,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
}
|
||||
|
||||
try {
|
||||
console.log(`=== 테이블 정보 조회 시작: ${selectedScreen.tableName} ===`);
|
||||
// console.log(`=== 테이블 정보 조회 시작: ${selectedScreen.tableName} ===`);
|
||||
const startTime = performance.now();
|
||||
|
||||
// 최적화된 단일 테이블 조회 API 사용
|
||||
|
|
@ -421,29 +421,29 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
});
|
||||
|
||||
const endTime = performance.now();
|
||||
console.log(`테이블 조회 완료: ${(endTime - startTime).toFixed(2)}ms`);
|
||||
// console.log(`테이블 조회 완료: ${(endTime - startTime).toFixed(2)}ms`);
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
if (data.success && data.data) {
|
||||
setTables([data.data]);
|
||||
console.log(`테이블 ${selectedScreen.tableName} 로드 완료, 컬럼 ${data.data.columns.length}개`);
|
||||
// console.log(`테이블 ${selectedScreen.tableName} 로드 완료, 컬럼 ${data.data.columns.length}개`);
|
||||
} else {
|
||||
console.error("테이블 조회 실패:", data.message);
|
||||
// console.error("테이블 조회 실패:", data.message);
|
||||
// 선택된 화면의 테이블에 대한 임시 데이터 생성
|
||||
setTables([createMockTableForScreen(selectedScreen.tableName)]);
|
||||
}
|
||||
} else if (response.status === 404) {
|
||||
console.warn(`테이블 ${selectedScreen.tableName}을 찾을 수 없습니다.`);
|
||||
// console.warn(`테이블 ${selectedScreen.tableName}을 찾을 수 없습니다.`);
|
||||
// 테이블이 존재하지 않는 경우 임시 데이터 생성
|
||||
setTables([createMockTableForScreen(selectedScreen.tableName)]);
|
||||
} else {
|
||||
console.error("테이블 조회 실패:", response.status);
|
||||
// console.error("테이블 조회 실패:", response.status);
|
||||
// 선택된 화면의 테이블에 대한 임시 데이터 생성
|
||||
setTables([createMockTableForScreen(selectedScreen.tableName)]);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("테이블 조회 중 오류:", error);
|
||||
// console.error("테이블 조회 중 오류:", error);
|
||||
// 선택된 화면의 테이블에 대한 임시 데이터 생성
|
||||
setTables([createMockTableForScreen(selectedScreen.tableName)]);
|
||||
}
|
||||
|
|
@ -562,7 +562,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
|
||||
// 웹타입에 따른 위젯 타입 매핑
|
||||
const getWidgetTypeFromWebType = useCallback((webType: string): string => {
|
||||
console.log("getWidgetTypeFromWebType - input webType:", webType);
|
||||
// console.log("getWidgetTypeFromWebType - input webType:", webType);
|
||||
switch (webType) {
|
||||
case "text":
|
||||
return "text";
|
||||
|
|
@ -599,7 +599,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
case "file":
|
||||
return "file";
|
||||
default:
|
||||
console.log("getWidgetTypeFromWebType - default case, returning text for:", webType);
|
||||
// console.log("getWidgetTypeFromWebType - default case, returning text for:", webType);
|
||||
return "text";
|
||||
}
|
||||
}, []);
|
||||
|
|
@ -986,7 +986,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
setHasUnsavedChanges(false); // 저장 완료 시 변경사항 플래그 해제
|
||||
toast.success("레이아웃이 성공적으로 저장되었습니다.");
|
||||
} catch (error) {
|
||||
console.error("레이아웃 저장 실패:", error);
|
||||
// console.error("레이아웃 저장 실패:", error);
|
||||
toast.error("레이아웃 저장에 실패했습니다.");
|
||||
} finally {
|
||||
setIsSaving(false);
|
||||
|
|
@ -1027,7 +1027,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
setHasUnsavedChanges(false);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("레이아웃 로드 실패:", error);
|
||||
// console.error("레이아웃 로드 실패:", error);
|
||||
// 에러 시에도 기본 레이아웃으로 초기화
|
||||
const defaultLayout = {
|
||||
components: [],
|
||||
|
|
@ -1282,7 +1282,7 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
saveToHistory(newLayout);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("드롭 처리 중 오류:", error);
|
||||
// console.error("드롭 처리 중 오류:", error);
|
||||
}
|
||||
|
||||
setDragState({
|
||||
|
|
@ -1686,9 +1686,9 @@ export default function ScreenDesigner({ selectedScreen, onBackToList }: ScreenD
|
|||
className="flex cursor-pointer items-center space-x-2 p-2 pl-6 hover:bg-gray-100"
|
||||
draggable
|
||||
onDragStart={(e) => {
|
||||
console.log("Drag start - column:", column.columnName, "webType:", column.webType);
|
||||
// console.log("Drag start - column:", column.columnName, "webType:", column.webType);
|
||||
const widgetType = getWidgetTypeFromWebType(column.webType || "text");
|
||||
console.log("Drag start - widgetType:", widgetType);
|
||||
// console.log("Drag start - widgetType:", widgetType);
|
||||
startDrag(
|
||||
{
|
||||
type: "widget",
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
setTotalPages(Math.max(1, Math.ceil((resp.total || 0) / 20)));
|
||||
}
|
||||
} catch (e) {
|
||||
console.error("화면 목록 조회 실패", e);
|
||||
// console.error("화면 목록 조회 실패", e);
|
||||
if (activeTab === "active") {
|
||||
setScreens([]);
|
||||
} else {
|
||||
|
|
@ -127,7 +127,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
setScreens(resp.data || []);
|
||||
setTotalPages(Math.max(1, Math.ceil((resp.total || 0) / 20)));
|
||||
} catch (e) {
|
||||
console.error("화면 목록 조회 실패", e);
|
||||
// console.error("화면 목록 조회 실패", e);
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
|
|
@ -139,7 +139,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
|
||||
const handleEdit = (screen: ScreenDefinition) => {
|
||||
// 편집 모달 열기
|
||||
console.log("편집:", screen);
|
||||
// console.log("편집:", screen);
|
||||
};
|
||||
|
||||
const handleDelete = async (screen: ScreenDefinition) => {
|
||||
|
|
@ -157,7 +157,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
setDeleteDialogOpen(true);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("의존성 체크 실패:", error);
|
||||
// console.error("의존성 체크 실패:", error);
|
||||
// 의존성 체크 실패 시에도 삭제 다이얼로그는 열어줌
|
||||
setDeleteDialogOpen(true);
|
||||
} finally {
|
||||
|
|
@ -177,7 +177,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
setDeleteReason("");
|
||||
setDependencies([]);
|
||||
} catch (error: any) {
|
||||
console.error("화면 삭제 실패:", error);
|
||||
// console.error("화면 삭제 실패:", error);
|
||||
|
||||
// 의존성 오류인 경우 경고창 표시
|
||||
if (error.response?.status === 409 && error.response?.data?.code === "SCREEN_HAS_DEPENDENCIES") {
|
||||
|
|
@ -208,7 +208,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
setActiveTab("active");
|
||||
reloadScreens();
|
||||
} catch (error) {
|
||||
console.error("화면 복원 실패:", error);
|
||||
// console.error("화면 복원 실패:", error);
|
||||
alert("화면 복원에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -227,7 +227,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
setPermanentDeleteDialogOpen(false);
|
||||
setScreenToPermanentDelete(null);
|
||||
} catch (error) {
|
||||
console.error("화면 영구 삭제 실패:", error);
|
||||
// console.error("화면 영구 삭제 실패:", error);
|
||||
alert("화면 영구 삭제에 실패했습니다.");
|
||||
}
|
||||
};
|
||||
|
|
@ -283,7 +283,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
|
||||
alert(message);
|
||||
} catch (error) {
|
||||
console.error("일괄 삭제 실패:", error);
|
||||
// console.error("일괄 삭제 실패:", error);
|
||||
alert("일괄 삭제에 실패했습니다.");
|
||||
} finally {
|
||||
setBulkDeleting(false);
|
||||
|
|
@ -297,7 +297,7 @@ export default function ScreenList({ onScreenSelect, selectedScreen, onDesignScr
|
|||
|
||||
const handleView = (screen: ScreenDefinition) => {
|
||||
// 미리보기 모달 열기
|
||||
console.log("미리보기:", screen);
|
||||
// console.log("미리보기:", screen);
|
||||
};
|
||||
|
||||
const handleCopySuccess = () => {
|
||||
|
|
|
|||
|
|
@ -127,7 +127,7 @@ export default function ScreenPreview({ layout, screenName, className }: ScreenP
|
|||
|
||||
// 폼 데이터 출력
|
||||
const logFormData = () => {
|
||||
console.log("폼 데이터:", formData);
|
||||
// console.log("폼 데이터:", formData);
|
||||
};
|
||||
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ export default function SimpleScreenDesigner({ selectedScreen, onBackToList }: S
|
|||
await screenApi.saveLayout(selectedScreen.screenId, layoutWithResolution);
|
||||
toast.success("화면이 저장되었습니다.");
|
||||
} catch (error) {
|
||||
console.error("저장 실패:", error);
|
||||
// console.error("저장 실패:", error);
|
||||
toast.error("저장 중 오류가 발생했습니다.");
|
||||
} finally {
|
||||
setIsSaving(false);
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ export default function TableTypeSelector({
|
|||
const tableList = await tableTypeApi.getTables();
|
||||
setTables(tableList);
|
||||
} catch (error) {
|
||||
console.error("테이블 목록 조회 실패:", error);
|
||||
// console.error("테이블 목록 조회 실패:", error);
|
||||
// API 호출 실패 시 기본 테이블 목록 사용
|
||||
const fallbackTables = [
|
||||
{ tableName: "user_info", displayName: "사용자 정보", description: "사용자 기본 정보", columnCount: "25" },
|
||||
|
|
@ -89,7 +89,7 @@ export default function TableTypeSelector({
|
|||
|
||||
setColumns(formattedColumns);
|
||||
} catch (error) {
|
||||
console.error("컬럼 정보 조회 실패:", error);
|
||||
// console.error("컬럼 정보 조회 실패:", error);
|
||||
// API 호출 실패 시 기본 컬럼 정보 사용
|
||||
const fallbackColumns: ColumnInfo[] = [
|
||||
{
|
||||
|
|
@ -167,9 +167,9 @@ export default function TableTypeSelector({
|
|||
// 로컬 상태 업데이트
|
||||
setColumns((prev) => prev.map((col) => (col.columnName === columnName ? { ...col, webType } : col)));
|
||||
|
||||
console.log(`컬럼 ${columnName}의 웹 타입을 ${webType}로 변경했습니다.`);
|
||||
// console.log(`컬럼 ${columnName}의 웹 타입을 ${webType}로 변경했습니다.`);
|
||||
} catch (error) {
|
||||
console.error("웹 타입 설정 실패:", error);
|
||||
// console.error("웹 타입 설정 실패:", error);
|
||||
alert("웹 타입 설정에 실패했습니다. 다시 시도해주세요.");
|
||||
}
|
||||
};
|
||||
|
|
@ -193,9 +193,9 @@ export default function TableTypeSelector({
|
|||
// 로컬 상태 업데이트
|
||||
setColumns((prev) => prev.map((col) => (col.columnName === columnName ? { ...col, inputType } : col)));
|
||||
|
||||
console.log(`컬럼 ${columnName}의 입력 타입을 ${inputType}로 변경했습니다.`);
|
||||
// console.log(`컬럼 ${columnName}의 입력 타입을 ${inputType}로 변경했습니다.`);
|
||||
} catch (error) {
|
||||
console.error("입력 타입 변경 실패:", error);
|
||||
// console.error("입력 타입 변경 실패:", error);
|
||||
alert("입력 타입 설정에 실패했습니다. 다시 시도해주세요.");
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ export default function TemplateManager({
|
|||
});
|
||||
setTemplates(templateList);
|
||||
} catch (error) {
|
||||
console.error("템플릿 목록 조회 실패:", error);
|
||||
// console.error("템플릿 목록 조회 실패:", error);
|
||||
// API 호출 실패 시 기본 템플릿 목록 사용
|
||||
const fallbackTemplates: ScreenTemplate[] = [
|
||||
{
|
||||
|
|
@ -196,7 +196,7 @@ export default function TemplateManager({
|
|||
}
|
||||
alert("템플릿이 삭제되었습니다.");
|
||||
} catch (error) {
|
||||
console.error("템플릿 삭제 실패:", error);
|
||||
// console.error("템플릿 삭제 실패:", error);
|
||||
alert("템플릿 삭제에 실패했습니다. 다시 시도해주세요.");
|
||||
}
|
||||
};
|
||||
|
|
@ -204,7 +204,7 @@ export default function TemplateManager({
|
|||
// 새 템플릿 생성
|
||||
const handleCreateTemplate = () => {
|
||||
// TODO: 새 템플릿 생성 모달 또는 페이지로 이동
|
||||
console.log("새 템플릿 생성");
|
||||
// console.log("새 템플릿 생성");
|
||||
};
|
||||
|
||||
// 템플릿 내보내기
|
||||
|
|
|
|||
|
|
@ -39,9 +39,9 @@ export const ButtonConfigPanel: React.FC<ButtonConfigPanelProps> = ({ component,
|
|||
const fetchScreens = async () => {
|
||||
try {
|
||||
setScreensLoading(true);
|
||||
console.log("🔍 화면 목록 API 호출 시작");
|
||||
// console.log("🔍 화면 목록 API 호출 시작");
|
||||
const response = await apiClient.get("/screen-management/screens");
|
||||
console.log("✅ 화면 목록 API 응답:", response.data);
|
||||
// console.log("✅ 화면 목록 API 응답:", response.data);
|
||||
|
||||
if (response.data.success && Array.isArray(response.data.data)) {
|
||||
const screenList = response.data.data.map((screen: any) => ({
|
||||
|
|
@ -50,10 +50,10 @@ export const ButtonConfigPanel: React.FC<ButtonConfigPanelProps> = ({ component,
|
|||
description: screen.description,
|
||||
}));
|
||||
setScreens(screenList);
|
||||
console.log("✅ 화면 목록 설정 완료:", screenList.length, "개");
|
||||
// console.log("✅ 화면 목록 설정 완료:", screenList.length, "개");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ 화면 목록 로딩 실패:", error);
|
||||
// console.error("❌ 화면 목록 로딩 실패:", error);
|
||||
} finally {
|
||||
setScreensLoading(false);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@ export const ButtonDataflowConfigPanel: React.FC<ButtonDataflowConfigPanelProps>
|
|||
const loadDiagrams = async () => {
|
||||
try {
|
||||
setDiagramsLoading(true);
|
||||
console.log("🔍 데이터플로우 관계 목록 로딩...");
|
||||
// console.log("🔍 데이터플로우 관계 목록 로딩...");
|
||||
|
||||
const response = await apiClient.get("/test-button-dataflow/diagrams");
|
||||
|
||||
|
|
@ -90,10 +90,10 @@ export const ButtonDataflowConfigPanel: React.FC<ButtonDataflowConfigPanelProps>
|
|||
}));
|
||||
|
||||
setDiagrams(diagramList);
|
||||
console.log(`✅ 관계 ${diagramList.length}개 로딩 완료`);
|
||||
// console.log(`✅ 관계 ${diagramList.length}개 로딩 완료`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ 관계 목록 로딩 실패:", error);
|
||||
// console.error("❌ 관계 목록 로딩 실패:", error);
|
||||
setDiagrams([]);
|
||||
} finally {
|
||||
setDiagramsLoading(false);
|
||||
|
|
@ -106,15 +106,15 @@ export const ButtonDataflowConfigPanel: React.FC<ButtonDataflowConfigPanelProps>
|
|||
const loadRelationships = async (diagramId: number) => {
|
||||
try {
|
||||
setRelationshipsLoading(true);
|
||||
console.log(`🔍 관계 ${diagramId} 관계 목록 로딩...`);
|
||||
// console.log(`🔍 관계 ${diagramId} 관계 목록 로딩...`);
|
||||
|
||||
const response = await apiClient.get(`/test-button-dataflow/diagrams/${diagramId}/relationships`);
|
||||
|
||||
if (response.data.success && Array.isArray(response.data.data)) {
|
||||
console.log("🔍 백엔드에서 받은 관계 데이터:", response.data.data);
|
||||
// console.log("🔍 백엔드에서 받은 관계 데이터:", response.data.data);
|
||||
|
||||
const relationshipList = response.data.data.map((rel: any) => {
|
||||
console.log("🔍 개별 관계 데이터:", rel);
|
||||
// console.log("🔍 개별 관계 데이터:", rel);
|
||||
|
||||
// 여러 가지 가능한 필드명 시도 (백엔드 로그 기준으로 수정)
|
||||
const relationshipName =
|
||||
|
|
@ -137,15 +137,15 @@ export const ButtonDataflowConfigPanel: React.FC<ButtonDataflowConfigPanelProps>
|
|||
category: rel.category || rel.type || "data-save",
|
||||
};
|
||||
|
||||
console.log("🔍 매핑된 관계 데이터:", mappedRel);
|
||||
// console.log("🔍 매핑된 관계 데이터:", mappedRel);
|
||||
return mappedRel;
|
||||
});
|
||||
|
||||
setRelationships(relationshipList);
|
||||
console.log(`✅ 관계 ${relationshipList.length}개 로딩 완료:`, relationshipList);
|
||||
// console.log(`✅ 관계 ${relationshipList.length}개 로딩 완료:`, relationshipList);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ 관계 목록 로딩 실패:", error);
|
||||
// console.error("❌ 관계 목록 로딩 실패:", error);
|
||||
setRelationships([]);
|
||||
} finally {
|
||||
setRelationshipsLoading(false);
|
||||
|
|
@ -169,7 +169,7 @@ export const ButtonDataflowConfigPanel: React.FC<ButtonDataflowConfigPanelProps>
|
|||
setPreviewData(response.data.data);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ 관계 미리보기 로딩 실패:", error);
|
||||
// console.error("❌ 관계 미리보기 로딩 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ export const ImprovedButtonControlConfigPanel: React.FC<ImprovedButtonControlCon
|
|||
const loadRelationships = async () => {
|
||||
try {
|
||||
setLoading(true);
|
||||
console.log("🔍 전체 관계 목록 로딩...");
|
||||
// console.log("🔍 전체 관계 목록 로딩...");
|
||||
|
||||
const response = await apiClient.get("/test-button-dataflow/relationships/all");
|
||||
|
||||
|
|
@ -77,10 +77,10 @@ export const ImprovedButtonControlConfigPanel: React.FC<ImprovedButtonControlCon
|
|||
}));
|
||||
|
||||
setRelationships(relationshipList);
|
||||
console.log(`✅ 관계 ${relationshipList.length}개 로딩 완료`);
|
||||
// console.log(`✅ 관계 ${relationshipList.length}개 로딩 완료`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ 관계 목록 로딩 실패:", error);
|
||||
// console.error("❌ 관계 목록 로딩 실패:", error);
|
||||
setRelationships([]);
|
||||
} finally {
|
||||
setLoading(false);
|
||||
|
|
|
|||
|
|
@ -108,7 +108,7 @@ export const AdvancedSearchFilters: React.FC<AdvancedSearchFiltersProps> = ({
|
|||
|
||||
setCodeOptions((prev) => ({ ...prev, [codeCategory]: options }));
|
||||
} catch (error) {
|
||||
console.error(`코드 카테고리 ${codeCategory} 로드 실패:`, error);
|
||||
// console.error(`코드 카테고리 ${codeCategory} 로드 실패:`, error);
|
||||
setCodeOptions((prev) => ({ ...prev, [codeCategory]: [] }));
|
||||
} finally {
|
||||
setLoadingStates((prev) => ({ ...prev, [codeCategory]: false }));
|
||||
|
|
@ -134,7 +134,7 @@ export const AdvancedSearchFilters: React.FC<AdvancedSearchFiltersProps> = ({
|
|||
|
||||
setEntityOptions((prev) => ({ ...prev, [key]: options }));
|
||||
} catch (error) {
|
||||
console.error(`엔티티 ${tableName}.${columnName} 로드 실패:`, error);
|
||||
// console.error(`엔티티 ${tableName}.${columnName} 로드 실패:`, error);
|
||||
setEntityOptions((prev) => ({ ...prev, [key]: [] }));
|
||||
} finally {
|
||||
setLoadingStates((prev) => ({ ...prev, [key]: false }));
|
||||
|
|
|
|||
|
|
@ -21,12 +21,12 @@ export function ComponentsPanel({ className }: ComponentsPanelProps) {
|
|||
// 레지스트리에서 모든 컴포넌트 조회
|
||||
const allComponents = useMemo(() => {
|
||||
const components = ComponentRegistry.getAllComponents();
|
||||
console.log("🔍 ComponentsPanel - 로드된 컴포넌트:", components.map(c => ({ id: c.id, name: c.name, category: c.category })));
|
||||
// console.log("🔍 ComponentsPanel - 로드된 컴포넌트:", components.map(c => ({ id: c.id, name: c.name, category: c.category })));
|
||||
|
||||
// 수동으로 table-list 컴포넌트 추가 (임시)
|
||||
const hasTableList = components.some(c => c.id === 'table-list');
|
||||
if (!hasTableList) {
|
||||
console.log("⚠️ table-list 컴포넌트가 없어서 수동 추가");
|
||||
// console.log("⚠️ table-list 컴포넌트가 없어서 수동 추가");
|
||||
components.push({
|
||||
id: "table-list",
|
||||
name: "테이블 리스트",
|
||||
|
|
@ -92,7 +92,7 @@ export function ComponentsPanel({ className }: ComponentsPanelProps) {
|
|||
type: "component",
|
||||
component: component,
|
||||
};
|
||||
console.log("🚀 컴포넌트 드래그 시작:", component.name, dragData);
|
||||
// console.log("🚀 컴포넌트 드래그 시작:", component.name, dragData);
|
||||
e.dataTransfer.setData("application/json", JSON.stringify(dragData));
|
||||
e.dataTransfer.effectAllowed = "copy";
|
||||
};
|
||||
|
|
|
|||
|
|
@ -106,47 +106,47 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
|
||||
// 컴포넌트 변경 시 로컬 값 동기화
|
||||
useEffect(() => {
|
||||
console.log("🔄 DataTableConfig: 컴포넌트 변경 감지", {
|
||||
componentId: component.id,
|
||||
title: component.title,
|
||||
searchButtonText: component.searchButtonText,
|
||||
columnsCount: component.columns.length,
|
||||
filtersCount: component.filters.length,
|
||||
columnIds: component.columns.map((col) => col.id),
|
||||
filterColumnNames: component.filters.map((filter) => filter.columnName),
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
// console.log("🔄 DataTableConfig: 컴포넌트 변경 감지", {
|
||||
// componentId: component.id,
|
||||
// title: component.title,
|
||||
// searchButtonText: component.searchButtonText,
|
||||
// columnsCount: component.columns.length,
|
||||
// filtersCount: component.filters.length,
|
||||
// columnIds: component.columns.map((col) => col.id),
|
||||
// filterColumnNames: component.filters.map((filter) => filter.columnName),
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
|
||||
// 컬럼과 필터 상세 정보 로그
|
||||
if (component.columns.length > 0) {
|
||||
console.log(
|
||||
"📋 현재 컬럼 목록:",
|
||||
component.columns.map((col) => ({
|
||||
id: col.id,
|
||||
columnName: col.columnName,
|
||||
label: col.label,
|
||||
visible: col.visible,
|
||||
gridColumns: col.gridColumns,
|
||||
})),
|
||||
);
|
||||
// console.log(
|
||||
// "📋 현재 컬럼 목록:",
|
||||
// component.columns.map((col) => ({
|
||||
// id: col.id,
|
||||
// columnName: col.columnName,
|
||||
// label: col.label,
|
||||
// visible: col.visible,
|
||||
// gridColumns: col.gridColumns,
|
||||
// })),
|
||||
// );
|
||||
}
|
||||
|
||||
// 로컬 상태 정보 로그
|
||||
console.log("🔧 로컬 상태 정보:", {
|
||||
localColumnInputsCount: Object.keys(localColumnInputs).length,
|
||||
localColumnCheckboxesCount: Object.keys(localColumnCheckboxes).length,
|
||||
localColumnGridColumnsCount: Object.keys(localColumnGridColumns).length,
|
||||
});
|
||||
// console.log("🔧 로컬 상태 정보:", {
|
||||
// localColumnInputsCount: Object.keys(localColumnInputs).length,
|
||||
// localColumnCheckboxesCount: Object.keys(localColumnCheckboxes).length,
|
||||
// localColumnGridColumnsCount: Object.keys(localColumnGridColumns).length,
|
||||
// });
|
||||
|
||||
if (component.filters.length > 0) {
|
||||
console.log(
|
||||
"🔍 현재 필터 목록:",
|
||||
component.filters.map((filter) => ({
|
||||
columnName: filter.columnName,
|
||||
widgetType: filter.widgetType,
|
||||
label: filter.label,
|
||||
})),
|
||||
);
|
||||
// console.log(
|
||||
// "🔍 현재 필터 목록:",
|
||||
// component.filters.map((filter) => ({
|
||||
// columnName: filter.columnName,
|
||||
// widgetType: filter.widgetType,
|
||||
// label: filter.label,
|
||||
// })),
|
||||
// );
|
||||
}
|
||||
|
||||
setLocalValues({
|
||||
|
|
@ -252,11 +252,11 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
const filterKey = `${filter.columnName}-${index}`;
|
||||
if (!(filterKey in newFilterInputs)) {
|
||||
newFilterInputs[filterKey] = filter.label || filter.columnName;
|
||||
console.log("🆕 새 필터 로컬 상태 추가:", {
|
||||
filterKey,
|
||||
label: filter.label,
|
||||
columnName: filter.columnName,
|
||||
});
|
||||
// console.log("🆕 새 필터 로컬 상태 추가:", {
|
||||
// filterKey,
|
||||
// label: filter.label,
|
||||
// columnName: filter.columnName,
|
||||
// });
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -266,16 +266,16 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
);
|
||||
Object.keys(newFilterInputs).forEach((key) => {
|
||||
if (!currentFilterKeys.has(key)) {
|
||||
console.log("🗑️ 삭제된 필터 로컬 상태 제거:", { filterKey: key });
|
||||
// console.log("🗑️ 삭제된 필터 로컬 상태 제거:", { filterKey: key });
|
||||
delete newFilterInputs[key];
|
||||
}
|
||||
});
|
||||
|
||||
console.log("📝 필터 로컬 상태 동기화 완료:", {
|
||||
prevCount: Object.keys(prev).length,
|
||||
newCount: Object.keys(newFilterInputs).length,
|
||||
newKeys: Object.keys(newFilterInputs),
|
||||
});
|
||||
// console.log("📝 필터 로컬 상태 동기화 완료:", {
|
||||
// prevCount: Object.keys(prev).length,
|
||||
// newCount: Object.keys(newFilterInputs).length,
|
||||
// newKeys: Object.keys(newFilterInputs),
|
||||
// });
|
||||
|
||||
return newFilterInputs;
|
||||
});
|
||||
|
|
@ -313,20 +313,20 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
const table = tables.find((t) => t.tableName === tableName);
|
||||
if (!table) return;
|
||||
|
||||
console.log("🔄 테이블 변경:", {
|
||||
tableName,
|
||||
currentTableName: localValues.tableName,
|
||||
table,
|
||||
columnsCount: table.columns.length,
|
||||
});
|
||||
// console.log("🔄 테이블 변경:", {
|
||||
// tableName,
|
||||
// currentTableName: localValues.tableName,
|
||||
// table,
|
||||
// columnsCount: table.columns.length,
|
||||
// });
|
||||
|
||||
// 테이블 변경 시 컬럼을 자동으로 추가하지 않음 (사용자가 수동으로 추가해야 함)
|
||||
const defaultColumns: DataTableColumn[] = [];
|
||||
|
||||
console.log("✅ 생성된 컬럼 설정:", {
|
||||
defaultColumnsCount: defaultColumns.length,
|
||||
visibleColumns: defaultColumns.filter((col) => col.visible).length,
|
||||
});
|
||||
// console.log("✅ 생성된 컬럼 설정:", {
|
||||
// defaultColumnsCount: defaultColumns.length,
|
||||
// visibleColumns: defaultColumns.filter((col) => col.visible).length,
|
||||
// });
|
||||
|
||||
// 상태 업데이트를 한 번에 처리
|
||||
setTimeout(() => {
|
||||
|
|
@ -363,7 +363,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
async (columnId: string, webTypeConfig: any) => {
|
||||
// 1. 먼저 화면 컴포넌트의 컬럼 설정 업데이트
|
||||
const updatedColumns = component.columns.map((col) => (col.id === columnId ? { ...col, webTypeConfig } : col));
|
||||
console.log("🔄 컬럼 상세 설정 업데이트:", { columnId, webTypeConfig, updatedColumns });
|
||||
// console.log("🔄 컬럼 상세 설정 업데이트:", { columnId, webTypeConfig, updatedColumns });
|
||||
onUpdateComponent({ columns: updatedColumns });
|
||||
|
||||
// 2. 테이블 타입 관리에도 반영 (라디오 타입인 경우)
|
||||
|
|
@ -371,14 +371,14 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
if (targetColumn && targetColumn.widgetType === "radio" && selectedTable) {
|
||||
try {
|
||||
// TODO: 테이블 타입 관리 API 호출하여 웹 타입과 상세 설정 업데이트
|
||||
console.log("📡 테이블 타입 관리 업데이트 필요:", {
|
||||
tableName: component.tableName,
|
||||
columnName: targetColumn.columnName,
|
||||
webType: "radio",
|
||||
detailSettings: JSON.stringify(webTypeConfig),
|
||||
});
|
||||
// console.log("📡 테이블 타입 관리 업데이트 필요:", {
|
||||
// tableName: component.tableName,
|
||||
// columnName: targetColumn.columnName,
|
||||
// webType: "radio",
|
||||
// detailSettings: JSON.stringify(webTypeConfig),
|
||||
// });
|
||||
} catch (error) {
|
||||
console.error("테이블 타입 관리 업데이트 실패:", error);
|
||||
// console.error("테이블 타입 관리 업데이트 실패:", error);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
@ -731,11 +731,11 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
return newGridColumns;
|
||||
});
|
||||
|
||||
console.log("🗑️ 컬럼 삭제:", {
|
||||
columnId,
|
||||
columnName: columnToRemove?.columnName,
|
||||
remainingColumns: updatedColumns.length,
|
||||
});
|
||||
// console.log("🗑️ 컬럼 삭제:", {
|
||||
// columnId,
|
||||
// columnName: columnToRemove?.columnName,
|
||||
// remainingColumns: updatedColumns.length,
|
||||
// });
|
||||
|
||||
onUpdateComponent({
|
||||
columns: updatedColumns,
|
||||
|
|
@ -748,7 +748,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
const updateFilter = useCallback(
|
||||
(index: number, updates: Partial<DataTableFilter>) => {
|
||||
const updatedFilters = component.filters.map((filter, i) => (i === index ? { ...filter, ...updates } : filter));
|
||||
console.log("🔄 필터 업데이트:", { index, updates, updatedFilters });
|
||||
// console.log("🔄 필터 업데이트:", { index, updates, updatedFilters });
|
||||
onUpdateComponent({ filters: updatedFilters });
|
||||
},
|
||||
[component.filters, onUpdateComponent],
|
||||
|
|
@ -782,30 +782,30 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
displayColumn: targetColumn.displayColumn,
|
||||
};
|
||||
|
||||
console.log("➕ 필터 추가 시작:", {
|
||||
targetColumnName: targetColumn.columnName,
|
||||
targetColumnLabel: targetColumn.columnLabel,
|
||||
inferredWidgetType: widgetType,
|
||||
currentFiltersCount: component.filters.length,
|
||||
});
|
||||
// console.log("➕ 필터 추가 시작:", {
|
||||
// targetColumnName: targetColumn.columnName,
|
||||
// targetColumnLabel: targetColumn.columnLabel,
|
||||
// inferredWidgetType: widgetType,
|
||||
// currentFiltersCount: component.filters.length,
|
||||
// });
|
||||
|
||||
console.log("➕ 생성된 새 필터:", {
|
||||
columnName: newFilter.columnName,
|
||||
widgetType: newFilter.widgetType,
|
||||
label: newFilter.label,
|
||||
gridColumns: newFilter.gridColumns,
|
||||
});
|
||||
// console.log("➕ 생성된 새 필터:", {
|
||||
// columnName: newFilter.columnName,
|
||||
// widgetType: newFilter.widgetType,
|
||||
// label: newFilter.label,
|
||||
// gridColumns: newFilter.gridColumns,
|
||||
// });
|
||||
|
||||
const updatedFilters = [...component.filters, newFilter];
|
||||
console.log("🔄 필터 업데이트 호출:", {
|
||||
filtersToAdd: 1,
|
||||
totalFiltersAfter: updatedFilters.length,
|
||||
updatedFilters: updatedFilters.map((filter) => ({
|
||||
columnName: filter.columnName,
|
||||
widgetType: filter.widgetType,
|
||||
label: filter.label,
|
||||
})),
|
||||
});
|
||||
// console.log("🔄 필터 업데이트 호출:", {
|
||||
// filtersToAdd: 1,
|
||||
// totalFiltersAfter: updatedFilters.length,
|
||||
// updatedFilters: updatedFilters.map((filter) => ({
|
||||
// columnName: filter.columnName,
|
||||
// widgetType: filter.widgetType,
|
||||
// label: filter.label,
|
||||
// })),
|
||||
// });
|
||||
|
||||
// 먼저 로컬 상태를 업데이트하고
|
||||
const filterKey = `${newFilter.columnName}-${component.filters.length}`;
|
||||
|
|
@ -814,12 +814,12 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
...prev,
|
||||
[filterKey]: newFilter.label,
|
||||
};
|
||||
console.log("📝 필터 로컬 상태 업데이트:", {
|
||||
filterKey,
|
||||
newLabel: newFilter.label,
|
||||
prevState: prev,
|
||||
newState,
|
||||
});
|
||||
// console.log("📝 필터 로컬 상태 업데이트:", {
|
||||
// filterKey,
|
||||
// newLabel: newFilter.label,
|
||||
// prevState: prev,
|
||||
// newState,
|
||||
// });
|
||||
return newState;
|
||||
});
|
||||
|
||||
|
|
@ -829,10 +829,10 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
// 필터 추가 후 필터 탭으로 자동 이동
|
||||
setActiveTab("filters");
|
||||
|
||||
console.log("🔍 필터 추가 후 탭 이동:", {
|
||||
activeTab: "filters",
|
||||
isExternalControl: !!onTabChange,
|
||||
});
|
||||
// console.log("🔍 필터 추가 후 탭 이동:", {
|
||||
// activeTab: "filters",
|
||||
// isExternalControl: !!onTabChange,
|
||||
// });
|
||||
|
||||
// 강제로 리렌더링을 트리거하기 위해 여러 방법 사용
|
||||
setTimeout(() => {
|
||||
|
|
@ -840,23 +840,23 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
...prev,
|
||||
[filterKey]: newFilter.label,
|
||||
}));
|
||||
console.log("🔄 setTimeout에서 강제 로컬 상태 업데이트:", { filterKey, label: newFilter.label });
|
||||
// console.log("🔄 setTimeout에서 강제 로컬 상태 업데이트:", { filterKey, label: newFilter.label });
|
||||
}, 0);
|
||||
|
||||
// 추가적인 강제 업데이트
|
||||
setTimeout(() => {
|
||||
setLocalFilterInputs((prev) => {
|
||||
const updated = { ...prev, [filterKey]: newFilter.label };
|
||||
console.log("🔄 두 번째 강제 업데이트:", { updated });
|
||||
// console.log("🔄 두 번째 강제 업데이트:", { updated });
|
||||
return updated;
|
||||
});
|
||||
}, 100);
|
||||
|
||||
console.log("✅ 필터 추가 완료 - 로컬 상태와 컴포넌트 모두 업데이트됨", {
|
||||
filterKey,
|
||||
newFilterLabel: newFilter.label,
|
||||
switchedToTab: "filters",
|
||||
});
|
||||
// console.log("✅ 필터 추가 완료 - 로컬 상태와 컴포넌트 모두 업데이트됨", {
|
||||
// filterKey,
|
||||
// newFilterLabel: newFilter.label,
|
||||
// switchedToTab: "filters",
|
||||
// });
|
||||
}, [selectedTable, component.filters, onUpdateComponent]);
|
||||
|
||||
// 필터 삭제
|
||||
|
|
@ -916,24 +916,24 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
|
||||
// 필터는 자동으로 추가하지 않음 (사용자가 수동으로 추가)
|
||||
|
||||
console.log("➕ 컬럼 추가 시작:", {
|
||||
targetColumnName: targetColumn.columnName,
|
||||
targetColumnLabel: targetColumn.columnLabel,
|
||||
inferredWidgetType: widgetType,
|
||||
currentColumnsCount: component.columns.length,
|
||||
currentFiltersCount: component.filters.length,
|
||||
});
|
||||
// console.log("➕ 컬럼 추가 시작:", {
|
||||
// targetColumnName: targetColumn.columnName,
|
||||
// targetColumnLabel: targetColumn.columnLabel,
|
||||
// inferredWidgetType: widgetType,
|
||||
// currentColumnsCount: component.columns.length,
|
||||
// currentFiltersCount: component.filters.length,
|
||||
// });
|
||||
|
||||
console.log("➕ 생성된 새 컬럼:", {
|
||||
id: newColumn.id,
|
||||
columnName: newColumn.columnName,
|
||||
label: newColumn.label,
|
||||
widgetType: newColumn.widgetType,
|
||||
filterable: newColumn.filterable,
|
||||
visible: newColumn.visible,
|
||||
sortable: newColumn.sortable,
|
||||
searchable: newColumn.searchable,
|
||||
});
|
||||
// console.log("➕ 생성된 새 컬럼:", {
|
||||
// id: newColumn.id,
|
||||
// columnName: newColumn.columnName,
|
||||
// label: newColumn.label,
|
||||
// widgetType: newColumn.widgetType,
|
||||
// filterable: newColumn.filterable,
|
||||
// visible: newColumn.visible,
|
||||
// sortable: newColumn.sortable,
|
||||
// searchable: newColumn.searchable,
|
||||
// });
|
||||
|
||||
// 필터는 수동으로만 추가
|
||||
|
||||
|
|
@ -943,11 +943,11 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
...prev,
|
||||
[newColumn.id]: newColumn.label,
|
||||
};
|
||||
console.log("🔄 로컬 컬럼 상태 업데이트:", {
|
||||
newColumnId: newColumn.id,
|
||||
newLabel: newColumn.label,
|
||||
totalLocalInputs: Object.keys(newInputs).length,
|
||||
});
|
||||
// console.log("🔄 로컬 컬럼 상태 업데이트:", {
|
||||
// newColumnId: newColumn.id,
|
||||
// newLabel: newColumn.label,
|
||||
// totalLocalInputs: Object.keys(newInputs).length,
|
||||
// });
|
||||
return newInputs;
|
||||
});
|
||||
|
||||
|
|
@ -972,28 +972,28 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
columns: [...component.columns, newColumn],
|
||||
};
|
||||
|
||||
console.log("🔄 컴포넌트 업데이트 호출:", {
|
||||
columnsToAdd: 1,
|
||||
totalColumnsAfter: updates.columns?.length,
|
||||
hasColumns: !!updates.columns,
|
||||
updateKeys: Object.keys(updates),
|
||||
});
|
||||
// console.log("🔄 컴포넌트 업데이트 호출:", {
|
||||
// columnsToAdd: 1,
|
||||
// totalColumnsAfter: updates.columns?.length,
|
||||
// hasColumns: !!updates.columns,
|
||||
// updateKeys: Object.keys(updates),
|
||||
// });
|
||||
|
||||
console.log("🔄 업데이트 상세 내용:", {
|
||||
columns: updates.columns?.map((col) => ({ id: col.id, columnName: col.columnName, label: col.label })),
|
||||
});
|
||||
// console.log("🔄 업데이트 상세 내용:", {
|
||||
// columns: updates.columns?.map((col) => ({ id: col.id, columnName: col.columnName, label: col.label })),
|
||||
// });
|
||||
|
||||
onUpdateComponent(updates);
|
||||
|
||||
// 컬럼 추가 후 컬럼 탭으로 자동 이동
|
||||
setActiveTab("columns");
|
||||
|
||||
console.log("📋 컬럼 추가 후 탭 이동:", {
|
||||
activeTab: "columns",
|
||||
isExternalControl: !!onTabChange,
|
||||
});
|
||||
// console.log("📋 컬럼 추가 후 탭 이동:", {
|
||||
// activeTab: "columns",
|
||||
// isExternalControl: !!onTabChange,
|
||||
// });
|
||||
|
||||
console.log("✅ 컬럼 추가 완료 - onUpdateComponent 호출됨");
|
||||
// console.log("✅ 컬럼 추가 완료 - onUpdateComponent 호출됨");
|
||||
},
|
||||
[selectedTable, component.columns, component.filters, onUpdateComponent],
|
||||
);
|
||||
|
|
@ -1022,11 +1022,11 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
},
|
||||
};
|
||||
|
||||
console.log("📁 가상 파일 컬럼 추가:", {
|
||||
columnName: newColumn.columnName,
|
||||
label: newColumn.label,
|
||||
isVirtualFileColumn: newColumn.isVirtualFileColumn,
|
||||
});
|
||||
// console.log("📁 가상 파일 컬럼 추가:", {
|
||||
// columnName: newColumn.columnName,
|
||||
// label: newColumn.label,
|
||||
// isVirtualFileColumn: newColumn.isVirtualFileColumn,
|
||||
// });
|
||||
|
||||
// 로컬 상태에 새 컬럼 입력값 추가
|
||||
setLocalColumnInputs((prev) => ({
|
||||
|
|
@ -1060,7 +1060,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
// 컬럼 추가 후 컬럼 탭으로 자동 이동
|
||||
setActiveTab("columns");
|
||||
|
||||
console.log("✅ 가상 파일 컬럼 추가 완료");
|
||||
// console.log("✅ 가상 파일 컬럼 추가 완료");
|
||||
}, [component.columns, onUpdateComponent]);
|
||||
|
||||
return (
|
||||
|
|
@ -1386,7 +1386,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
value={localValues.gridColumns.toString()}
|
||||
onChange={(e) => {
|
||||
const gridColumns = parseInt(e.target.value, 10);
|
||||
console.log("🔄 테이블 그리드 컬럼 수 변경:", gridColumns);
|
||||
// console.log("🔄 테이블 그리드 컬럼 수 변경:", gridColumns);
|
||||
setLocalValues((prev) => ({ ...prev, gridColumns }));
|
||||
onUpdateComponent({ gridColumns });
|
||||
}}
|
||||
|
|
@ -1406,7 +1406,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
id="show-search-button"
|
||||
checked={localValues.showSearchButton}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 검색 버튼 표시 변경:", checked);
|
||||
// console.log("🔄 검색 버튼 표시 변경:", checked);
|
||||
setLocalValues((prev) => ({ ...prev, showSearchButton: checked as boolean }));
|
||||
onUpdateComponent({ showSearchButton: checked as boolean });
|
||||
}}
|
||||
|
|
@ -1421,7 +1421,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
id="enable-export"
|
||||
checked={localValues.enableExport}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 내보내기 기능 변경:", checked);
|
||||
// console.log("🔄 내보내기 기능 변경:", checked);
|
||||
setLocalValues((prev) => ({ ...prev, enableExport: checked as boolean }));
|
||||
onUpdateComponent({ enableExport: checked as boolean });
|
||||
}}
|
||||
|
|
@ -1501,7 +1501,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
<Checkbox
|
||||
checked={localColumnCheckboxes[column.id]?.visible ?? column.visible}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 컬럼 표시 변경:", { columnId: column.id, checked });
|
||||
// console.log("🔄 컬럼 표시 변경:", { columnId: column.id, checked });
|
||||
setLocalColumnCheckboxes((prev) => ({
|
||||
...prev,
|
||||
[column.id]: { ...prev[column.id], visible: checked as boolean },
|
||||
|
|
@ -1582,7 +1582,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
value={(localColumnGridColumns[column.id] ?? column.gridColumns).toString()}
|
||||
onValueChange={(value) => {
|
||||
const newGridColumns = parseInt(value);
|
||||
console.log("🔄 컬럼 그리드 컬럼 변경:", { columnId: column.id, newGridColumns });
|
||||
// console.log("🔄 컬럼 그리드 컬럼 변경:", { columnId: column.id, newGridColumns });
|
||||
setLocalColumnGridColumns((prev) => ({
|
||||
...prev,
|
||||
[column.id]: newGridColumns,
|
||||
|
|
@ -1609,7 +1609,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
id={`sortable-${column.id}`}
|
||||
checked={localColumnCheckboxes[column.id]?.sortable ?? column.sortable}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 컬럼 정렬 가능 변경:", { columnId: column.id, checked });
|
||||
// console.log("🔄 컬럼 정렬 가능 변경:", { columnId: column.id, checked });
|
||||
setLocalColumnCheckboxes((prev) => ({
|
||||
...prev,
|
||||
[column.id]: { ...prev[column.id], sortable: checked as boolean },
|
||||
|
|
@ -1627,7 +1627,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
id={`searchable-${column.id}`}
|
||||
checked={localColumnCheckboxes[column.id]?.searchable ?? column.searchable}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 컬럼 검색 가능 변경:", { columnId: column.id, checked });
|
||||
// console.log("🔄 컬럼 검색 가능 변경:", { columnId: column.id, checked });
|
||||
setLocalColumnCheckboxes((prev) => ({
|
||||
...prev,
|
||||
[column.id]: { ...prev[column.id], searchable: checked as boolean },
|
||||
|
|
@ -1967,13 +1967,13 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
const filterKey = `${filter.columnName}-${index}`;
|
||||
const localValue = localFilterInputs[filterKey];
|
||||
const finalValue = localValue !== undefined ? localValue : filter.label;
|
||||
console.log("🎯 필터 입력 값 결정:", {
|
||||
filterKey,
|
||||
localValue,
|
||||
filterLabel: filter.label,
|
||||
finalValue,
|
||||
allLocalInputs: Object.keys(localFilterInputs),
|
||||
});
|
||||
// console.log("🎯 필터 입력 값 결정:", {
|
||||
// filterKey,
|
||||
// localValue,
|
||||
// filterLabel: filter.label,
|
||||
// finalValue,
|
||||
// allLocalInputs: Object.keys(localFilterInputs),
|
||||
// });
|
||||
return finalValue;
|
||||
})()}
|
||||
onChange={(e) => {
|
||||
|
|
@ -2109,7 +2109,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
id="pagination-enabled"
|
||||
checked={localValues.paginationEnabled}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 페이지네이션 사용 변경:", checked);
|
||||
// console.log("🔄 페이지네이션 사용 변경:", checked);
|
||||
setLocalValues((prev) => ({ ...prev, paginationEnabled: checked as boolean }));
|
||||
onUpdateComponent({
|
||||
pagination: { ...component.pagination, enabled: checked as boolean },
|
||||
|
|
@ -2151,7 +2151,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
id="show-page-size-selector"
|
||||
checked={localValues.showPageSizeSelector}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 페이지 크기 선택기 표시 변경:", checked);
|
||||
// console.log("🔄 페이지 크기 선택기 표시 변경:", checked);
|
||||
setLocalValues((prev) => ({ ...prev, showPageSizeSelector: checked as boolean }));
|
||||
onUpdateComponent({
|
||||
pagination: {
|
||||
|
|
@ -2171,7 +2171,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
id="show-page-info"
|
||||
checked={localValues.showPageInfo}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 페이지 정보 표시 변경:", checked);
|
||||
// console.log("🔄 페이지 정보 표시 변경:", checked);
|
||||
setLocalValues((prev) => ({ ...prev, showPageInfo: checked as boolean }));
|
||||
onUpdateComponent({
|
||||
pagination: {
|
||||
|
|
@ -2191,7 +2191,7 @@ const DataTableConfigPanelComponent: React.FC<DataTableConfigPanelProps> = ({
|
|||
id="show-first-last"
|
||||
checked={localValues.showFirstLast}
|
||||
onCheckedChange={(checked) => {
|
||||
console.log("🔄 처음/마지막 버튼 표시 변경:", checked);
|
||||
// console.log("🔄 처음/마지막 버튼 표시 변경:", checked);
|
||||
setLocalValues((prev) => ({ ...prev, showFirstLast: checked as boolean }));
|
||||
onUpdateComponent({
|
||||
pagination: {
|
||||
|
|
|
|||
|
|
@ -46,17 +46,17 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
// 데이터베이스에서 입력 가능한 웹타입들을 동적으로 가져오기
|
||||
const { webTypes } = useWebTypes({ active: "Y" });
|
||||
|
||||
console.log(`🔍 DetailSettingsPanel props:`, {
|
||||
selectedComponent: selectedComponent?.id,
|
||||
componentType: selectedComponent?.type,
|
||||
currentTableName,
|
||||
currentTable: currentTable?.tableName,
|
||||
selectedComponentTableName: selectedComponent?.tableName,
|
||||
});
|
||||
console.log(`🔍 DetailSettingsPanel webTypes 로드됨:`, webTypes?.length, "개");
|
||||
console.log(`🔍 webTypes:`, webTypes);
|
||||
console.log(`🔍 DetailSettingsPanel selectedComponent:`, selectedComponent);
|
||||
console.log(`🔍 DetailSettingsPanel selectedComponent.widgetType:`, selectedComponent?.widgetType);
|
||||
// console.log(`🔍 DetailSettingsPanel props:`, {
|
||||
// selectedComponent: selectedComponent?.id,
|
||||
// componentType: selectedComponent?.type,
|
||||
// currentTableName,
|
||||
// currentTable: currentTable?.tableName,
|
||||
// selectedComponentTableName: selectedComponent?.tableName,
|
||||
// });
|
||||
// console.log(`🔍 DetailSettingsPanel webTypes 로드됨:`, webTypes?.length, "개");
|
||||
// console.log(`🔍 webTypes:`, webTypes);
|
||||
// console.log(`🔍 DetailSettingsPanel selectedComponent:`, selectedComponent);
|
||||
// console.log(`🔍 DetailSettingsPanel selectedComponent.widgetType:`, selectedComponent?.widgetType);
|
||||
const inputableWebTypes = webTypes.map((wt) => wt.web_type);
|
||||
|
||||
// 레이아웃 컴포넌트 설정 렌더링 함수
|
||||
|
|
@ -198,7 +198,7 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
value={layoutComponent.layoutConfig?.flexbox?.direction || "row"}
|
||||
onChange={(e) => {
|
||||
const newDirection = e.target.value;
|
||||
console.log("🔄 플렉스박스 방향 변경:", newDirection);
|
||||
// console.log("🔄 플렉스박스 방향 변경:", newDirection);
|
||||
|
||||
// 방향 설정 업데이트
|
||||
onUpdateProperty(layoutComponent.id, "layoutConfig.flexbox.direction", newDirection);
|
||||
|
|
@ -217,11 +217,11 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
},
|
||||
}));
|
||||
|
||||
console.log("🔄 존 크기 자동 조정:", {
|
||||
direction: newDirection,
|
||||
zoneCount,
|
||||
updatedZones: updatedZones.map((z) => ({ id: z.id, size: z.size })),
|
||||
});
|
||||
// console.log("🔄 존 크기 자동 조정:", {
|
||||
// direction: newDirection,
|
||||
// zoneCount,
|
||||
// updatedZones: updatedZones.map((z) => ({ id: z.id, size: z.size })),
|
||||
// });
|
||||
|
||||
onUpdateProperty(layoutComponent.id, "zones", updatedZones);
|
||||
}
|
||||
|
|
@ -698,27 +698,27 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
const renderWebTypeConfig = (widget: WidgetComponent) => {
|
||||
const currentConfig = widget.webTypeConfig || {};
|
||||
|
||||
console.log("🎨 DetailSettingsPanel renderWebTypeConfig 호출:", {
|
||||
componentId: widget.id,
|
||||
widgetType: widget.widgetType,
|
||||
currentConfig,
|
||||
configExists: !!currentConfig,
|
||||
configKeys: Object.keys(currentConfig),
|
||||
configStringified: JSON.stringify(currentConfig),
|
||||
widgetWebTypeConfig: widget.webTypeConfig,
|
||||
widgetWebTypeConfigExists: !!widget.webTypeConfig,
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
console.log("🎨 selectedComponent 전체:", selectedComponent);
|
||||
// console.log("🎨 DetailSettingsPanel renderWebTypeConfig 호출:", {
|
||||
// componentId: widget.id,
|
||||
// widgetType: widget.widgetType,
|
||||
// currentConfig,
|
||||
// configExists: !!currentConfig,
|
||||
// configKeys: Object.keys(currentConfig),
|
||||
// configStringified: JSON.stringify(currentConfig),
|
||||
// widgetWebTypeConfig: widget.webTypeConfig,
|
||||
// widgetWebTypeConfigExists: !!widget.webTypeConfig,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
// console.log("🎨 selectedComponent 전체:", selectedComponent);
|
||||
|
||||
const handleConfigChange = (newConfig: WebTypeConfig) => {
|
||||
console.log("🔧 WebTypeConfig 업데이트:", {
|
||||
widgetType: widget.widgetType,
|
||||
oldConfig: currentConfig,
|
||||
newConfig,
|
||||
componentId: widget.id,
|
||||
isEqual: JSON.stringify(currentConfig) === JSON.stringify(newConfig),
|
||||
});
|
||||
// console.log("🔧 WebTypeConfig 업데이트:", {
|
||||
// widgetType: widget.widgetType,
|
||||
// oldConfig: currentConfig,
|
||||
// newConfig,
|
||||
// componentId: widget.id,
|
||||
// isEqual: JSON.stringify(currentConfig) === JSON.stringify(newConfig),
|
||||
// });
|
||||
|
||||
// 강제 새 객체 생성으로 React 변경 감지 보장
|
||||
const freshConfig = { ...newConfig };
|
||||
|
|
@ -727,18 +727,18 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
|
||||
// 1순위: DB에서 지정된 설정 패널 사용
|
||||
const dbWebType = webTypes.find((wt) => wt.web_type === widget.widgetType);
|
||||
console.log(`🎨 웹타입 "${widget.widgetType}" DB 조회 결과:`, dbWebType);
|
||||
// console.log(`🎨 웹타입 "${widget.widgetType}" DB 조회 결과:`, dbWebType);
|
||||
|
||||
if (dbWebType?.config_panel) {
|
||||
console.log(`🎨 웹타입 "${widget.widgetType}" → DB 지정 설정 패널 "${dbWebType.config_panel}" 사용`);
|
||||
// console.log(`🎨 웹타입 "${widget.widgetType}" → DB 지정 설정 패널 "${dbWebType.config_panel}" 사용`);
|
||||
const ConfigPanelComponent = getConfigPanelComponent(dbWebType.config_panel);
|
||||
console.log(`🎨 getConfigPanelComponent 결과:`, ConfigPanelComponent);
|
||||
// console.log(`🎨 getConfigPanelComponent 결과:`, ConfigPanelComponent);
|
||||
|
||||
if (ConfigPanelComponent) {
|
||||
console.log(`🎨 ✅ ConfigPanelComponent 렌더링 시작`);
|
||||
// console.log(`🎨 ✅ ConfigPanelComponent 렌더링 시작`);
|
||||
return <ConfigPanelComponent config={currentConfig} onConfigChange={handleConfigChange} />;
|
||||
} else {
|
||||
console.log(`🎨 ❌ ConfigPanelComponent가 null - 기본 설정 표시`);
|
||||
// console.log(`🎨 ❌ ConfigPanelComponent가 null - 기본 설정 표시`);
|
||||
return (
|
||||
<div className="py-8 text-center text-gray-500">
|
||||
⚙️ 기본 설정
|
||||
|
|
@ -748,7 +748,7 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
);
|
||||
}
|
||||
} else {
|
||||
console.log(`🎨 config_panel이 없음 - 기본 설정 표시`);
|
||||
// console.log(`🎨 config_panel이 없음 - 기본 설정 표시`);
|
||||
return (
|
||||
<div className="py-8 text-center text-gray-500">
|
||||
⚙️ 기본 설정
|
||||
|
|
@ -771,10 +771,10 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
|
||||
// 컴포넌트 타입별 설정 패널 렌더링
|
||||
const renderComponentConfigPanel = () => {
|
||||
console.log("🔍 renderComponentConfigPanel - selectedComponent:", selectedComponent);
|
||||
// console.log("🔍 renderComponentConfigPanel - selectedComponent:", selectedComponent);
|
||||
|
||||
if (!selectedComponent) {
|
||||
console.error("❌ selectedComponent가 undefined입니다!");
|
||||
// console.error("❌ selectedComponent가 undefined입니다!");
|
||||
return (
|
||||
<div className="flex h-full flex-col items-center justify-center p-6 text-center">
|
||||
<Settings className="mb-4 h-12 w-12 text-red-400" />
|
||||
|
|
@ -835,11 +835,11 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
|
||||
// 새로운 컴포넌트 타입들에 대한 설정 패널 확인
|
||||
const componentType = selectedComponent?.componentConfig?.type || selectedComponent?.type;
|
||||
console.log("🔍 DetailSettingsPanel componentType 확인:", {
|
||||
selectedComponentType: selectedComponent?.type,
|
||||
componentConfigType: selectedComponent?.componentConfig?.type,
|
||||
finalComponentType: componentType,
|
||||
});
|
||||
// console.log("🔍 DetailSettingsPanel componentType 확인:", {
|
||||
// selectedComponentType: selectedComponent?.type,
|
||||
// componentConfigType: selectedComponent?.componentConfig?.type,
|
||||
// finalComponentType: componentType,
|
||||
// });
|
||||
|
||||
const hasNewConfigPanel =
|
||||
componentType &&
|
||||
|
|
@ -861,7 +861,7 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
"badge-status",
|
||||
].includes(componentType);
|
||||
|
||||
console.log("🔍 hasNewConfigPanel:", hasNewConfigPanel);
|
||||
// console.log("🔍 hasNewConfigPanel:", hasNewConfigPanel);
|
||||
|
||||
if (hasNewConfigPanel) {
|
||||
return (
|
||||
|
|
@ -944,7 +944,7 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
|
||||
// 레거시 버튼을 새로운 컴포넌트 시스템으로 강제 변환
|
||||
if (selectedComponent.type === "button") {
|
||||
console.log("🔄 레거시 버튼을 새로운 컴포넌트 시스템으로 변환:", selectedComponent);
|
||||
// console.log("🔄 레거시 버튼을 새로운 컴포넌트 시스템으로 변환:", selectedComponent);
|
||||
|
||||
// 레거시 버튼을 새로운 시스템으로 변환
|
||||
const convertedComponent = {
|
||||
|
|
@ -970,7 +970,7 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
const componentId = (selectedComponent as any).componentType || selectedComponent.componentConfig?.type;
|
||||
const webType = selectedComponent.componentConfig?.webType;
|
||||
|
||||
console.log("🔧 새로운 컴포넌트 시스템 설정 패널:", { componentId, webType });
|
||||
// console.log("🔧 새로운 컴포넌트 시스템 설정 패널:", { componentId, webType });
|
||||
|
||||
if (!componentId) {
|
||||
return (
|
||||
|
|
@ -1011,23 +1011,23 @@ export const DetailSettingsPanel: React.FC<DetailSettingsPanelProps> = ({
|
|||
componentId={componentId}
|
||||
config={(() => {
|
||||
const config = selectedComponent.componentConfig || {};
|
||||
console.log("🔍 DetailSettingsPanel에서 전달하는 config:", config);
|
||||
console.log("🔍 selectedComponent 전체:", selectedComponent);
|
||||
// console.log("🔍 DetailSettingsPanel에서 전달하는 config:", config);
|
||||
// console.log("🔍 selectedComponent 전체:", selectedComponent);
|
||||
return config;
|
||||
})()}
|
||||
screenTableName={selectedComponent.tableName || currentTable?.tableName || currentTableName}
|
||||
tableColumns={(() => {
|
||||
console.log("🔍 DetailSettingsPanel tableColumns 전달:", {
|
||||
currentTable,
|
||||
columns: currentTable?.columns,
|
||||
columnsLength: currentTable?.columns?.length,
|
||||
sampleColumn: currentTable?.columns?.[0],
|
||||
deptCodeColumn: currentTable?.columns?.find((col) => col.columnName === "dept_code"),
|
||||
});
|
||||
// console.log("🔍 DetailSettingsPanel tableColumns 전달:", {
|
||||
// currentTable,
|
||||
// columns: currentTable?.columns,
|
||||
// columnsLength: currentTable?.columns?.length,
|
||||
// sampleColumn: currentTable?.columns?.[0],
|
||||
// deptCodeColumn: currentTable?.columns?.find((col) => col.columnName === "dept_code"),
|
||||
// });
|
||||
return currentTable?.columns || [];
|
||||
})()}
|
||||
onChange={(newConfig) => {
|
||||
console.log("🔧 컴포넌트 설정 변경:", newConfig);
|
||||
// console.log("🔧 컴포넌트 설정 변경:", newConfig);
|
||||
// 개별 속성별로 업데이트하여 다른 속성과의 충돌 방지
|
||||
Object.entries(newConfig).forEach(([key, value]) => {
|
||||
onUpdateProperty(selectedComponent.id, `componentConfig.${key}`, value);
|
||||
|
|
|
|||
|
|
@ -28,13 +28,13 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
currentTable,
|
||||
currentTableName,
|
||||
}) => {
|
||||
console.log("🎨🎨🎨 FileComponentConfigPanel 렌더링:", {
|
||||
componentId: component?.id,
|
||||
componentType: component?.type,
|
||||
hasOnUpdateProperty: !!onUpdateProperty,
|
||||
currentTable,
|
||||
currentTableName
|
||||
});
|
||||
// console.log("🎨🎨🎨 FileComponentConfigPanel 렌더링:", {
|
||||
// componentId: component?.id,
|
||||
// componentType: component?.type,
|
||||
// hasOnUpdateProperty: !!onUpdateProperty,
|
||||
// currentTable,
|
||||
// currentTableName
|
||||
// });
|
||||
// fileConfig가 없는 경우 초기화
|
||||
React.useEffect(() => {
|
||||
if (!component.fileConfig) {
|
||||
|
|
@ -90,11 +90,11 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
const currentState = getGlobalFileState();
|
||||
const newState = updater(currentState);
|
||||
(window as any).globalFileState = newState;
|
||||
console.log("🌐 전역 파일 상태 업데이트:", {
|
||||
componentId: component.id,
|
||||
newFileCount: newState[component.id]?.length || 0,
|
||||
totalComponents: Object.keys(newState).length
|
||||
});
|
||||
// console.log("🌐 전역 파일 상태 업데이트:", {
|
||||
// componentId: component.id,
|
||||
// newFileCount: newState[component.id]?.length || 0,
|
||||
// totalComponents: Object.keys(newState).length
|
||||
// });
|
||||
|
||||
// 강제 리렌더링을 위한 이벤트 발생
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
|
|
@ -103,13 +103,13 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
|
||||
// 디버깅용 전역 함수 등록
|
||||
(window as any).debugFileState = () => {
|
||||
console.log("🔍 전역 파일 상태 디버깅:", {
|
||||
globalState: (window as any).globalFileState,
|
||||
localStorage: Object.keys(localStorage).filter(key => key.startsWith('fileComponent_')).map(key => ({
|
||||
key,
|
||||
data: JSON.parse(localStorage.getItem(key) || '[]')
|
||||
}))
|
||||
});
|
||||
// console.log("🔍 전역 파일 상태 디버깅:", {
|
||||
// globalState: (window as any).globalFileState,
|
||||
// localStorage: Object.keys(localStorage).filter(key => key.startsWith('fileComponent_')).map(key => ({
|
||||
// key,
|
||||
// data: JSON.parse(localStorage.getItem(key) || '[]')
|
||||
// }))
|
||||
// });
|
||||
};
|
||||
}
|
||||
};
|
||||
|
|
@ -136,7 +136,7 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
try {
|
||||
parsedBackupFiles = JSON.parse(backupFiles);
|
||||
} catch (error) {
|
||||
console.error("백업 파일 파싱 실패:", error);
|
||||
// console.error("백업 파일 파싱 실패:", error);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -144,7 +144,7 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
try {
|
||||
parsedTempFiles = JSON.parse(tempBackupFiles);
|
||||
} catch (error) {
|
||||
console.error("임시 파일 파싱 실패:", error);
|
||||
// console.error("임시 파일 파싱 실패:", error);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -153,7 +153,7 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
try {
|
||||
parsedFileUploadFiles = JSON.parse(fileUploadBackupFiles);
|
||||
} catch (error) {
|
||||
console.error("FileUploadComponent 백업 파일 파싱 실패:", error);
|
||||
// console.error("FileUploadComponent 백업 파일 파싱 실패:", error);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -164,19 +164,19 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
parsedTempFiles.length > 0 ? parsedTempFiles :
|
||||
componentFiles;
|
||||
|
||||
console.log("🚀 FileComponentConfigPanel 초기화:", {
|
||||
componentId: component.id,
|
||||
componentFiles: componentFiles.length,
|
||||
globalFiles: globalFiles.length,
|
||||
backupFiles: parsedBackupFiles.length,
|
||||
tempFiles: parsedTempFiles.length,
|
||||
fileUploadFiles: parsedFileUploadFiles.length, // 🎯 실제 화면 파일 수
|
||||
finalFiles: finalFiles.length,
|
||||
source: globalFiles.length > 0 ? 'global' :
|
||||
parsedFileUploadFiles.length > 0 ? 'fileUploadComponent' : // 🎯 실제 화면 소스
|
||||
parsedBackupFiles.length > 0 ? 'localStorage' :
|
||||
parsedTempFiles.length > 0 ? 'temp' : 'component'
|
||||
});
|
||||
// console.log("🚀 FileComponentConfigPanel 초기화:", {
|
||||
// componentId: component.id,
|
||||
// componentFiles: componentFiles.length,
|
||||
// globalFiles: globalFiles.length,
|
||||
// backupFiles: parsedBackupFiles.length,
|
||||
// tempFiles: parsedTempFiles.length,
|
||||
// fileUploadFiles: parsedFileUploadFiles.length, // 🎯 실제 화면 파일 수
|
||||
// finalFiles: finalFiles.length,
|
||||
// source: globalFiles.length > 0 ? 'global' :
|
||||
// parsedFileUploadFiles.length > 0 ? 'fileUploadComponent' : // 🎯 실제 화면 소스
|
||||
// parsedBackupFiles.length > 0 ? 'localStorage' :
|
||||
// parsedTempFiles.length > 0 ? 'temp' : 'component'
|
||||
// });
|
||||
|
||||
return finalFiles;
|
||||
};
|
||||
|
|
@ -188,10 +188,10 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
setTimeout(() => {
|
||||
onUpdateProperty(component.id, "uploadedFiles", initialFiles);
|
||||
onUpdateProperty(component.id, "lastFileUpdate", Date.now());
|
||||
console.log("🔄 초기화 시 컴포넌트 속성 동기화:", {
|
||||
componentId: component.id,
|
||||
fileCount: initialFiles.length
|
||||
});
|
||||
// console.log("🔄 초기화 시 컴포넌트 속성 동기화:", {
|
||||
// componentId: component.id,
|
||||
// fileCount: initialFiles.length
|
||||
// });
|
||||
}, 0);
|
||||
}
|
||||
return initialFiles;
|
||||
|
|
@ -216,15 +216,15 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
|
||||
// 파일 업로드 처리
|
||||
const handleFileUpload = useCallback(async (files: FileList | File[]) => {
|
||||
console.log("🚀🚀🚀 FileComponentConfigPanel 파일 업로드 시작:", {
|
||||
filesCount: files?.length || 0,
|
||||
componentId: component?.id,
|
||||
componentType: component?.type,
|
||||
hasOnUpdateProperty: !!onUpdateProperty
|
||||
});
|
||||
// console.log("🚀🚀🚀 FileComponentConfigPanel 파일 업로드 시작:", {
|
||||
// filesCount: files?.length || 0,
|
||||
// componentId: component?.id,
|
||||
// componentType: component?.type,
|
||||
// hasOnUpdateProperty: !!onUpdateProperty
|
||||
// });
|
||||
|
||||
if (!files || files.length === 0) {
|
||||
console.log("❌ 파일이 없음");
|
||||
// console.log("❌ 파일이 없음");
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -251,23 +251,23 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
|
||||
if (!isAllowed) {
|
||||
toast.error(`${file.name}: 허용되지 않는 파일 형식입니다. (허용: ${acceptTypes.join(', ')})`);
|
||||
console.log(`파일 검증 실패:`, {
|
||||
fileName: file.name,
|
||||
fileType: file.type,
|
||||
fileExt,
|
||||
acceptTypes,
|
||||
isAllowed
|
||||
});
|
||||
// console.log(`파일 검증 실패:`, {
|
||||
// fileName: file.name,
|
||||
// fileType: file.type,
|
||||
// fileExt,
|
||||
// acceptTypes,
|
||||
// isAllowed
|
||||
// });
|
||||
continue;
|
||||
}
|
||||
}
|
||||
|
||||
console.log(`파일 검증 성공:`, {
|
||||
fileName: file.name,
|
||||
fileType: file.type,
|
||||
fileSize: file.size,
|
||||
acceptTypesCount: acceptTypes.length
|
||||
});
|
||||
// console.log(`파일 검증 성공:`, {
|
||||
// fileName: file.name,
|
||||
// fileType: file.type,
|
||||
// fileSize: file.size,
|
||||
// acceptTypesCount: acceptTypes.length
|
||||
// });
|
||||
|
||||
validFiles.push(file);
|
||||
}
|
||||
|
|
@ -280,27 +280,27 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
const duplicates: string[] = [];
|
||||
const uniqueFiles: File[] = [];
|
||||
|
||||
console.log("🔍 중복 파일 체크:", {
|
||||
uploadedFiles: existingFiles.length,
|
||||
existingFileNames: existingFileNames,
|
||||
newFiles: validFiles.map(f => f.name.toLowerCase())
|
||||
});
|
||||
// console.log("🔍 중복 파일 체크:", {
|
||||
// uploadedFiles: existingFiles.length,
|
||||
// existingFileNames: existingFileNames,
|
||||
// newFiles: validFiles.map(f => f.name.toLowerCase())
|
||||
// });
|
||||
|
||||
validFiles.forEach(file => {
|
||||
const fileName = file.name.toLowerCase();
|
||||
if (existingFileNames.includes(fileName)) {
|
||||
duplicates.push(file.name);
|
||||
console.log("❌ 중복 파일 발견:", file.name);
|
||||
// console.log("❌ 중복 파일 발견:", file.name);
|
||||
} else {
|
||||
uniqueFiles.push(file);
|
||||
console.log("✅ 새로운 파일:", file.name);
|
||||
// console.log("✅ 새로운 파일:", file.name);
|
||||
}
|
||||
});
|
||||
|
||||
console.log("🔍 중복 체크 결과:", {
|
||||
duplicates: duplicates,
|
||||
uniqueFiles: uniqueFiles.map(f => f.name)
|
||||
});
|
||||
// console.log("🔍 중복 체크 결과:", {
|
||||
// duplicates: duplicates,
|
||||
// uniqueFiles: uniqueFiles.map(f => f.name)
|
||||
// });
|
||||
|
||||
if (duplicates.length > 0) {
|
||||
toast.error(`중복된 파일이 있습니다: ${duplicates.join(', ')}`, {
|
||||
|
|
@ -319,11 +319,11 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
const filesToUpload = uniqueFiles.length > 0 ? uniqueFiles : validFiles;
|
||||
|
||||
try {
|
||||
console.log("🔄 파일 업로드 시작:", {
|
||||
originalFiles: validFiles.length,
|
||||
filesToUpload: filesToUpload.length,
|
||||
uploading
|
||||
});
|
||||
// console.log("🔄 파일 업로드 시작:", {
|
||||
// originalFiles: validFiles.length,
|
||||
// filesToUpload: filesToUpload.length,
|
||||
// uploading
|
||||
// });
|
||||
setUploading(true);
|
||||
toast.loading(`${filesToUpload.length}개 파일 업로드 중...`);
|
||||
|
||||
|
|
@ -344,21 +344,21 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
// 3차: 기본값 설정
|
||||
if (!screenId) {
|
||||
screenId = 40; // 기본 화면 ID (디자인 모드용)
|
||||
console.warn("⚠️ screenId를 찾을 수 없어 기본값(40) 사용");
|
||||
// console.warn("⚠️ screenId를 찾을 수 없어 기본값(40) 사용");
|
||||
}
|
||||
|
||||
const componentId = component.id;
|
||||
const fieldName = component.columnName || component.id || 'file_attachment';
|
||||
|
||||
console.log("📋 파일 업로드 기본 정보:", {
|
||||
screenId,
|
||||
screenIdSource: (window as any).__CURRENT_SCREEN_ID__ ? 'global' : 'url_or_default',
|
||||
componentId,
|
||||
fieldName,
|
||||
docType: localInputs.docType,
|
||||
docTypeName: localInputs.docTypeName,
|
||||
currentPath: typeof window !== 'undefined' ? window.location.pathname : 'unknown'
|
||||
});
|
||||
// console.log("📋 파일 업로드 기본 정보:", {
|
||||
// screenId,
|
||||
// screenIdSource: (window as any).__CURRENT_SCREEN_ID__ ? 'global' : 'url_or_default',
|
||||
// componentId,
|
||||
// fieldName,
|
||||
// docType: localInputs.docType,
|
||||
// docTypeName: localInputs.docTypeName,
|
||||
// currentPath: typeof window !== 'undefined' ? window.location.pathname : 'unknown'
|
||||
// });
|
||||
|
||||
const response = await uploadFiles({
|
||||
files: filesToUpload,
|
||||
|
|
@ -372,11 +372,11 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
docTypeName: localInputs.docTypeName,
|
||||
});
|
||||
|
||||
console.log("📤 파일 업로드 응답:", response);
|
||||
// console.log("📤 파일 업로드 응답:", response);
|
||||
|
||||
if (response.success && (response.data || response.files)) {
|
||||
const filesData = response.data || response.files;
|
||||
console.log("📁 업로드된 파일 데이터:", filesData);
|
||||
// console.log("📁 업로드된 파일 데이터:", filesData);
|
||||
const newFiles: FileInfo[] = filesData.map((file: any) => ({
|
||||
objid: file.objid || `temp_${Date.now()}_${Math.random()}`,
|
||||
savedFileName: file.saved_file_name || file.savedFileName,
|
||||
|
|
@ -431,10 +431,10 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
source: 'designMode' // 🎯 화면설계 모드에서 온 이벤트임을 표시
|
||||
};
|
||||
|
||||
console.log("🚀🚀🚀 FileComponentConfigPanel 이벤트 발생:", eventDetail);
|
||||
console.log("🔍 현재 컴포넌트 ID:", component.id);
|
||||
console.log("🔍 업로드된 파일 수:", updatedFiles.length);
|
||||
console.log("🔍 파일 목록:", updatedFiles.map(f => f.name));
|
||||
// console.log("🚀🚀🚀 FileComponentConfigPanel 이벤트 발생:", eventDetail);
|
||||
// console.log("🔍 현재 컴포넌트 ID:", component.id);
|
||||
// console.log("🔍 업로드된 파일 수:", updatedFiles.length);
|
||||
// console.log("🔍 파일 목록:", updatedFiles.map(f => f.name));
|
||||
|
||||
const event = new CustomEvent('globalFileStateChanged', {
|
||||
detail: eventDetail
|
||||
|
|
@ -444,49 +444,49 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
const listenerCount = window.getEventListeners ?
|
||||
window.getEventListeners(window)?.globalFileStateChanged?.length || 0 :
|
||||
'unknown';
|
||||
console.log("🔍 globalFileStateChanged 리스너 수:", listenerCount);
|
||||
// console.log("🔍 globalFileStateChanged 리스너 수:", listenerCount);
|
||||
|
||||
window.dispatchEvent(event);
|
||||
|
||||
console.log("✅✅✅ globalFileStateChanged 이벤트 발생 완료");
|
||||
// console.log("✅✅✅ globalFileStateChanged 이벤트 발생 완료");
|
||||
|
||||
// 강제로 모든 RealtimePreview 컴포넌트에게 알림 (여러 번)
|
||||
setTimeout(() => {
|
||||
console.log("🔄 추가 이벤트 발생 (지연 100ms)");
|
||||
// console.log("🔄 추가 이벤트 발생 (지연 100ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true }
|
||||
}));
|
||||
}, 100);
|
||||
|
||||
setTimeout(() => {
|
||||
console.log("🔄 추가 이벤트 발생 (지연 300ms)");
|
||||
// console.log("🔄 추가 이벤트 발생 (지연 300ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true, attempt: 2 }
|
||||
}));
|
||||
}, 300);
|
||||
|
||||
setTimeout(() => {
|
||||
console.log("🔄 추가 이벤트 발생 (지연 500ms)");
|
||||
// console.log("🔄 추가 이벤트 발생 (지연 500ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true, attempt: 3 }
|
||||
}));
|
||||
}, 500);
|
||||
|
||||
// 직접 전역 상태 강제 업데이트
|
||||
console.log("🔄 전역 상태 강제 업데이트 시도");
|
||||
// console.log("🔄 전역 상태 강제 업데이트 시도");
|
||||
if ((window as any).forceRealtimePreviewUpdate) {
|
||||
(window as any).forceRealtimePreviewUpdate(component.id, updatedFiles);
|
||||
}
|
||||
}
|
||||
|
||||
console.log("🔄 FileComponentConfigPanel 자동 저장:", {
|
||||
componentId: component.id,
|
||||
uploadedFiles: updatedFiles.length,
|
||||
status: "자동 영구 저장됨",
|
||||
onUpdatePropertyExists: typeof onUpdateProperty === 'function',
|
||||
globalFileStateUpdated: getGlobalFileState()[component.id]?.length || 0,
|
||||
localStorageBackup: localStorage.getItem(`fileComponent_${component.id}_files`) ? 'saved' : 'not saved'
|
||||
});
|
||||
// console.log("🔄 FileComponentConfigPanel 자동 저장:", {
|
||||
// componentId: component.id,
|
||||
// uploadedFiles: updatedFiles.length,
|
||||
// status: "자동 영구 저장됨",
|
||||
// onUpdatePropertyExists: typeof onUpdateProperty === 'function',
|
||||
// globalFileStateUpdated: getGlobalFileState()[component.id]?.length || 0,
|
||||
// localStorageBackup: localStorage.getItem(`fileComponent_${component.id}_files`) ? 'saved' : 'not saved'
|
||||
// });
|
||||
|
||||
// 그리드 파일 상태 새로고침 이벤트 발생
|
||||
if (typeof window !== 'undefined') {
|
||||
|
|
@ -505,40 +505,40 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
}
|
||||
});
|
||||
window.dispatchEvent(refreshEvent);
|
||||
console.log("🔄 FileComponentConfigPanel 그리드 새로고침 이벤트 발생:", {
|
||||
tableName,
|
||||
recordId,
|
||||
columnName,
|
||||
targetObjid,
|
||||
fileCount: updatedFiles.length
|
||||
});
|
||||
// console.log("🔄 FileComponentConfigPanel 그리드 새로고침 이벤트 발생:", {
|
||||
// tableName,
|
||||
// recordId,
|
||||
// columnName,
|
||||
// targetObjid,
|
||||
// fileCount: updatedFiles.length
|
||||
// });
|
||||
}
|
||||
|
||||
toast.dismiss();
|
||||
toast.success(`${validFiles.length}개 파일이 성공적으로 업로드되었습니다.`);
|
||||
console.log("✅ 파일 업로드 성공:", {
|
||||
newFilesCount: newFiles.length,
|
||||
totalFiles: updatedFiles.length,
|
||||
componentId: component.id,
|
||||
updatedFiles: updatedFiles.map(f => ({ objid: f.objid, name: f.realFileName }))
|
||||
});
|
||||
// console.log("✅ 파일 업로드 성공:", {
|
||||
// newFilesCount: newFiles.length,
|
||||
// totalFiles: updatedFiles.length,
|
||||
// componentId: component.id,
|
||||
// updatedFiles: updatedFiles.map(f => ({ objid: f.objid, name: f.realFileName }))
|
||||
// });
|
||||
} else {
|
||||
throw new Error(response.message || '파일 업로드에 실패했습니다.');
|
||||
}
|
||||
} catch (error: any) {
|
||||
console.error('❌ 파일 업로드 오류:', {
|
||||
error,
|
||||
errorMessage: error?.message,
|
||||
errorResponse: error?.response?.data,
|
||||
errorStatus: error?.response?.status,
|
||||
componentId: component?.id,
|
||||
screenId,
|
||||
fieldName
|
||||
});
|
||||
// console.error('❌ 파일 업로드 오류:', {
|
||||
// error,
|
||||
// errorMessage: error?.message,
|
||||
// errorResponse: error?.response?.data,
|
||||
// errorStatus: error?.response?.status,
|
||||
// componentId: component?.id,
|
||||
// screenId,
|
||||
// fieldName
|
||||
// });
|
||||
toast.dismiss();
|
||||
toast.error(`파일 업로드에 실패했습니다: ${error?.message || '알 수 없는 오류'}`);
|
||||
} finally {
|
||||
console.log("🏁 파일 업로드 완료, 로딩 상태 해제");
|
||||
// console.log("🏁 파일 업로드 완료, 로딩 상태 해제");
|
||||
setUploading(false);
|
||||
}
|
||||
}, [localInputs, localValues, uploadedFiles, onUpdateProperty, currentTableName, component, acceptTypes]);
|
||||
|
|
@ -553,24 +553,24 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
});
|
||||
toast.success(`${file.realFileName || file.name} 다운로드가 완료되었습니다.`);
|
||||
} catch (error) {
|
||||
console.error('파일 다운로드 오류:', error);
|
||||
// console.error('파일 다운로드 오류:', error);
|
||||
toast.error('파일 다운로드에 실패했습니다.');
|
||||
}
|
||||
}, []);
|
||||
|
||||
// 파일 삭제 처리
|
||||
const handleFileDelete = useCallback(async (fileId: string) => {
|
||||
console.log("🗑️🗑️🗑️ FileComponentConfigPanel 파일 삭제 시작:", {
|
||||
fileId,
|
||||
componentId: component?.id,
|
||||
currentFilesCount: uploadedFiles.length,
|
||||
hasOnUpdateProperty: !!onUpdateProperty
|
||||
});
|
||||
// console.log("🗑️🗑️🗑️ FileComponentConfigPanel 파일 삭제 시작:", {
|
||||
// fileId,
|
||||
// componentId: component?.id,
|
||||
// currentFilesCount: uploadedFiles.length,
|
||||
// hasOnUpdateProperty: !!onUpdateProperty
|
||||
// });
|
||||
|
||||
try {
|
||||
console.log("📡 deleteFile API 호출 시작...");
|
||||
// console.log("📡 deleteFile API 호출 시작...");
|
||||
await deleteFile(fileId, 'temp_record');
|
||||
console.log("✅ deleteFile API 호출 성공");
|
||||
// console.log("✅ deleteFile API 호출 성공");
|
||||
const updatedFiles = uploadedFiles.filter(file => file.objid !== fileId && file.id !== fileId);
|
||||
setUploadedFiles(updatedFiles);
|
||||
|
||||
|
|
@ -591,12 +591,12 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
localStorage.setItem(backupKey, JSON.stringify(updatedFiles));
|
||||
localStorage.setItem(tempBackupKey, JSON.stringify(updatedFiles));
|
||||
|
||||
console.log("🗑️ FileComponentConfigPanel 파일 삭제:", {
|
||||
componentId: component.id,
|
||||
deletedFileId: fileId,
|
||||
remainingFiles: updatedFiles.length,
|
||||
timestamp: timestamp
|
||||
});
|
||||
// console.log("🗑️ FileComponentConfigPanel 파일 삭제:", {
|
||||
// componentId: component.id,
|
||||
// deletedFileId: fileId,
|
||||
// remainingFiles: updatedFiles.length,
|
||||
// timestamp: timestamp
|
||||
// });
|
||||
|
||||
// 🎯 RealtimePreview 동기화를 위한 전역 이벤트 발생
|
||||
if (typeof window !== 'undefined') {
|
||||
|
|
@ -610,39 +610,39 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
source: 'designMode' // 🎯 화면설계 모드에서 온 이벤트임을 표시
|
||||
};
|
||||
|
||||
console.log("🚀🚀🚀 FileComponentConfigPanel 삭제 이벤트 발생:", eventDetail);
|
||||
// console.log("🚀🚀🚀 FileComponentConfigPanel 삭제 이벤트 발생:", eventDetail);
|
||||
|
||||
const event = new CustomEvent('globalFileStateChanged', {
|
||||
detail: eventDetail
|
||||
});
|
||||
window.dispatchEvent(event);
|
||||
|
||||
console.log("✅✅✅ globalFileStateChanged 삭제 이벤트 발생 완료");
|
||||
// console.log("✅✅✅ globalFileStateChanged 삭제 이벤트 발생 완료");
|
||||
|
||||
// 추가 지연 이벤트들
|
||||
setTimeout(() => {
|
||||
try {
|
||||
console.log("🔄 추가 삭제 이벤트 발생 (지연 100ms)");
|
||||
// console.log("🔄 추가 삭제 이벤트 발생 (지연 100ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true }
|
||||
}));
|
||||
} catch (error) {
|
||||
console.warn("FileComponentConfigPanel 지연 이벤트 발생 실패:", error);
|
||||
// console.warn("FileComponentConfigPanel 지연 이벤트 발생 실패:", error);
|
||||
}
|
||||
}, 100);
|
||||
|
||||
setTimeout(() => {
|
||||
try {
|
||||
console.log("🔄 추가 삭제 이벤트 발생 (지연 300ms)");
|
||||
// console.log("🔄 추가 삭제 이벤트 발생 (지연 300ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true, attempt: 2 }
|
||||
}));
|
||||
} catch (error) {
|
||||
console.warn("FileComponentConfigPanel 지연 이벤트 발생 실패:", error);
|
||||
// console.warn("FileComponentConfigPanel 지연 이벤트 발생 실패:", error);
|
||||
}
|
||||
}, 300);
|
||||
} catch (error) {
|
||||
console.warn("FileComponentConfigPanel 이벤트 발생 실패:", error);
|
||||
// console.warn("FileComponentConfigPanel 이벤트 발생 실패:", error);
|
||||
}
|
||||
|
||||
// 그리드 파일 상태 새로고침 이벤트도 유지
|
||||
|
|
@ -663,20 +663,20 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
});
|
||||
window.dispatchEvent(refreshEvent);
|
||||
} catch (error) {
|
||||
console.warn("FileComponentConfigPanel refreshFileStatus 이벤트 발생 실패:", error);
|
||||
// console.warn("FileComponentConfigPanel refreshFileStatus 이벤트 발생 실패:", error);
|
||||
}
|
||||
console.log("🔄 FileComponentConfigPanel 파일 삭제 후 그리드 새로고침:", {
|
||||
tableName,
|
||||
recordId,
|
||||
columnName,
|
||||
targetObjid,
|
||||
fileCount: updatedFiles.length
|
||||
});
|
||||
// console.log("🔄 FileComponentConfigPanel 파일 삭제 후 그리드 새로고침:", {
|
||||
// tableName,
|
||||
// recordId,
|
||||
// columnName,
|
||||
// targetObjid,
|
||||
// fileCount: updatedFiles.length
|
||||
// });
|
||||
}
|
||||
|
||||
toast.success('파일이 삭제되었습니다.');
|
||||
} catch (error) {
|
||||
console.error('파일 삭제 오류:', error);
|
||||
// console.error('파일 삭제 오류:', error);
|
||||
toast.error('파일 삭제에 실패했습니다.');
|
||||
}
|
||||
}, [uploadedFiles, onUpdateProperty, component.id]);
|
||||
|
|
@ -703,16 +703,16 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
const tempBackupKey = `fileComponent_${component.id}_files_temp`;
|
||||
localStorage.removeItem(tempBackupKey);
|
||||
|
||||
console.log("💾 파일 저장 완료:", {
|
||||
componentId: component.id,
|
||||
fileCount: uploadedFiles.length,
|
||||
timestamp: timestamp,
|
||||
files: uploadedFiles.map(f => ({ objid: f.objid, name: f.realFileName }))
|
||||
});
|
||||
// console.log("💾 파일 저장 완료:", {
|
||||
// componentId: component.id,
|
||||
// fileCount: uploadedFiles.length,
|
||||
// timestamp: timestamp,
|
||||
// files: uploadedFiles.map(f => ({ objid: f.objid, name: f.realFileName }))
|
||||
// });
|
||||
|
||||
toast.success(`${uploadedFiles.length}개 파일이 영구 저장되었습니다.`);
|
||||
} catch (error) {
|
||||
console.error('파일 저장 오류:', error);
|
||||
// console.error('파일 저장 오류:', error);
|
||||
toast.error('파일 저장에 실패했습니다.');
|
||||
}
|
||||
}, [uploadedFiles, onUpdateProperty, component.id, setGlobalFileState]);
|
||||
|
|
@ -732,21 +732,21 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
e.preventDefault();
|
||||
setDragOver(false);
|
||||
const files = e.dataTransfer.files;
|
||||
console.log("📂 드래그앤드롭 이벤트:", {
|
||||
filesCount: files.length,
|
||||
files: files.length > 0 ? Array.from(files).map(f => f.name) : [],
|
||||
componentId: component?.id
|
||||
});
|
||||
// console.log("📂 드래그앤드롭 이벤트:", {
|
||||
// filesCount: files.length,
|
||||
// files: files.length > 0 ? Array.from(files).map(f => f.name) : [],
|
||||
// componentId: component?.id
|
||||
// });
|
||||
if (files.length > 0) {
|
||||
handleFileUpload(files);
|
||||
}
|
||||
}, [handleFileUpload, component?.id]);
|
||||
|
||||
const handleFileSelect = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
console.log("📁 파일 선택 이벤트:", {
|
||||
filesCount: e.target.files?.length || 0,
|
||||
files: e.target.files ? Array.from(e.target.files).map(f => f.name) : []
|
||||
});
|
||||
// console.log("📁 파일 선택 이벤트:", {
|
||||
// filesCount: e.target.files?.length || 0,
|
||||
// files: e.target.files ? Array.from(e.target.files).map(f => f.name) : []
|
||||
// });
|
||||
|
||||
const files = e.target.files;
|
||||
if (files && files.length > 0) {
|
||||
|
|
@ -782,27 +782,27 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
|
||||
if (prevComponentIdRef.current !== component.id) {
|
||||
// 새로운 컴포넌트로 변경된 경우
|
||||
console.log("🔄 FileComponentConfigPanel 새 컴포넌트 선택:", {
|
||||
prevComponentId: prevComponentIdRef.current,
|
||||
newComponentId: component.id,
|
||||
componentFiles: componentFiles.length,
|
||||
action: "새 컴포넌트 → 상태 초기화",
|
||||
globalFileStateExists: !!getGlobalFileState()[component.id],
|
||||
globalFileStateLength: getGlobalFileState()[component.id]?.length || 0,
|
||||
localStorageExists: !!localStorage.getItem(`fileComponent_${component.id}_files`),
|
||||
onUpdatePropertyExists: typeof onUpdateProperty === 'function'
|
||||
});
|
||||
// console.log("🔄 FileComponentConfigPanel 새 컴포넌트 선택:", {
|
||||
// prevComponentId: prevComponentIdRef.current,
|
||||
// newComponentId: component.id,
|
||||
// componentFiles: componentFiles.length,
|
||||
// action: "새 컴포넌트 → 상태 초기화",
|
||||
// globalFileStateExists: !!getGlobalFileState()[component.id],
|
||||
// globalFileStateLength: getGlobalFileState()[component.id]?.length || 0,
|
||||
// localStorageExists: !!localStorage.getItem(`fileComponent_${component.id}_files`),
|
||||
// onUpdatePropertyExists: typeof onUpdateProperty === 'function'
|
||||
// });
|
||||
|
||||
// 1순위: 전역 상태에서 파일 복원
|
||||
const globalFileState = getGlobalFileState();
|
||||
const globalFiles = globalFileState[component.id];
|
||||
|
||||
if (globalFiles && globalFiles.length > 0) {
|
||||
console.log("🌐 전역 상태에서 파일 복원:", {
|
||||
componentId: component.id,
|
||||
globalFiles: globalFiles.length,
|
||||
action: "전역 상태 → 상태 복원"
|
||||
});
|
||||
// console.log("🌐 전역 상태에서 파일 복원:", {
|
||||
// componentId: component.id,
|
||||
// globalFiles: globalFiles.length,
|
||||
// action: "전역 상태 → 상태 복원"
|
||||
// });
|
||||
setUploadedFiles(globalFiles);
|
||||
onUpdateProperty(component.id, "uploadedFiles", globalFiles);
|
||||
}
|
||||
|
|
@ -814,11 +814,11 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
if (backupFiles && componentFiles.length === 0) {
|
||||
try {
|
||||
const parsedBackupFiles = JSON.parse(backupFiles);
|
||||
console.log("📂 localStorage에서 파일 복원:", {
|
||||
componentId: component.id,
|
||||
backupFiles: parsedBackupFiles.length,
|
||||
action: "백업 → 상태 복원"
|
||||
});
|
||||
// console.log("📂 localStorage에서 파일 복원:", {
|
||||
// componentId: component.id,
|
||||
// backupFiles: parsedBackupFiles.length,
|
||||
// action: "백업 → 상태 복원"
|
||||
// });
|
||||
setUploadedFiles(parsedBackupFiles);
|
||||
// 전역 상태에도 저장
|
||||
setGlobalFileState(prev => ({
|
||||
|
|
@ -828,7 +828,7 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
// 컴포넌트 속성에도 복원
|
||||
onUpdateProperty(component.id, "uploadedFiles", parsedBackupFiles);
|
||||
} catch (error) {
|
||||
console.error("백업 파일 복원 실패:", error);
|
||||
// console.error("백업 파일 복원 실패:", error);
|
||||
setUploadedFiles(componentFiles);
|
||||
}
|
||||
} else {
|
||||
|
|
@ -839,12 +839,12 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
prevComponentIdRef.current = component.id;
|
||||
} else if (componentFiles.length > 0 && JSON.stringify(componentFiles) !== JSON.stringify(uploadedFiles)) {
|
||||
// 같은 컴포넌트에서 파일이 업데이트된 경우
|
||||
console.log("🔄 FileComponentConfigPanel 파일 동기화:", {
|
||||
componentId: component.id,
|
||||
componentFiles: componentFiles.length,
|
||||
currentFiles: uploadedFiles.length,
|
||||
action: "컴포넌트 → 상태 동기화"
|
||||
});
|
||||
// console.log("🔄 FileComponentConfigPanel 파일 동기화:", {
|
||||
// componentId: component.id,
|
||||
// componentFiles: componentFiles.length,
|
||||
// currentFiles: uploadedFiles.length,
|
||||
// action: "컴포넌트 → 상태 동기화"
|
||||
// });
|
||||
setUploadedFiles(componentFiles);
|
||||
}
|
||||
}, [component.id]); // 컴포넌트 ID가 변경될 때만 초기화
|
||||
|
|
@ -855,24 +855,24 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
const { componentId, files, fileCount, isRestore, source } = event.detail;
|
||||
|
||||
if (componentId === component.id) {
|
||||
console.log("🌐 FileComponentConfigPanel 전역 상태 변경 감지:", {
|
||||
componentId,
|
||||
fileCount,
|
||||
isRestore: !!isRestore,
|
||||
source: source || 'unknown',
|
||||
files: files?.map((f: any) => ({ objid: f.objid, name: f.realFileName }))
|
||||
});
|
||||
// console.log("🌐 FileComponentConfigPanel 전역 상태 변경 감지:", {
|
||||
// componentId,
|
||||
// fileCount,
|
||||
// isRestore: !!isRestore,
|
||||
// source: source || 'unknown',
|
||||
// files: files?.map((f: any) => ({ objid: f.objid, name: f.realFileName }))
|
||||
// });
|
||||
|
||||
if (files && Array.isArray(files)) {
|
||||
setUploadedFiles(files);
|
||||
|
||||
// 🎯 실제 화면에서 온 이벤트이거나 화면 복원인 경우 컴포넌트 속성도 업데이트
|
||||
if (isRestore || source === 'realScreen') {
|
||||
console.log("✅✅✅ 실제 화면 → 화면설계 모드 동기화 적용:", {
|
||||
componentId,
|
||||
fileCount: files.length,
|
||||
source: source || 'restore'
|
||||
});
|
||||
// console.log("✅✅✅ 실제 화면 → 화면설계 모드 동기화 적용:", {
|
||||
// componentId,
|
||||
// fileCount: files.length,
|
||||
// source: source || 'restore'
|
||||
// });
|
||||
|
||||
onUpdateProperty(component.id, "uploadedFiles", files);
|
||||
onUpdateProperty(component.id, "lastFileUpdate", Date.now());
|
||||
|
|
@ -881,12 +881,12 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
try {
|
||||
const backupKey = `fileComponent_${component.id}_files`;
|
||||
localStorage.setItem(backupKey, JSON.stringify(files));
|
||||
console.log("💾 실제 화면 동기화 후 localStorage 백업 업데이트:", {
|
||||
componentId: component.id,
|
||||
fileCount: files.length
|
||||
});
|
||||
// console.log("💾 실제 화면 동기화 후 localStorage 백업 업데이트:", {
|
||||
// componentId: component.id,
|
||||
// fileCount: files.length
|
||||
// });
|
||||
} catch (e) {
|
||||
console.warn("localStorage 백업 업데이트 실패:", e);
|
||||
// console.warn("localStorage 백업 업데이트 실패:", e);
|
||||
}
|
||||
|
||||
// 전역 상태 업데이트
|
||||
|
|
@ -895,10 +895,10 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
[component.id]: files
|
||||
}));
|
||||
} else if (isRestore) {
|
||||
console.log("✅ 파일 컴포넌트 설정 패널 데이터 복원 완료:", {
|
||||
componentId,
|
||||
restoredFileCount: files.length
|
||||
});
|
||||
// console.log("✅ 파일 컴포넌트 설정 패널 데이터 복원 완료:", {
|
||||
// componentId,
|
||||
// restoredFileCount: files.length
|
||||
// });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1119,18 +1119,18 @@ export const FileComponentConfigPanel: React.FC<FileComponentConfigPanelProps> =
|
|||
onDragLeave={handleDragLeave}
|
||||
onDrop={handleDrop}
|
||||
onClick={() => {
|
||||
console.log("🖱️ 파일 업로드 영역 클릭:", {
|
||||
uploading,
|
||||
inputElement: document.getElementById('file-input-config'),
|
||||
componentId: component?.id
|
||||
});
|
||||
// console.log("🖱️ 파일 업로드 영역 클릭:", {
|
||||
// uploading,
|
||||
// inputElement: document.getElementById('file-input-config'),
|
||||
// componentId: component?.id
|
||||
// });
|
||||
if (!uploading) {
|
||||
const input = document.getElementById('file-input-config');
|
||||
if (input) {
|
||||
console.log("✅ 파일 input 클릭 실행");
|
||||
// console.log("✅ 파일 input 클릭 실행");
|
||||
input.click();
|
||||
} else {
|
||||
console.log("❌ 파일 input 요소를 찾을 수 없음");
|
||||
// console.log("❌ 파일 input 요소를 찾을 수 없음");
|
||||
}
|
||||
}
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -108,14 +108,14 @@ export default function LayoutsPanel({
|
|||
height: 400, // 높이는 고정
|
||||
};
|
||||
|
||||
console.log("🎯 카드 레이아웃 동적 크기 계산:", {
|
||||
gridColumns: 8,
|
||||
screenResolution,
|
||||
gridSettings,
|
||||
gridInfo,
|
||||
calculatedWidth,
|
||||
finalSize: calculatedSize,
|
||||
});
|
||||
// console.log("🎯 카드 레이아웃 동적 크기 계산:", {
|
||||
// gridColumns: 8,
|
||||
// screenResolution,
|
||||
// gridSettings,
|
||||
// gridInfo,
|
||||
// calculatedWidth,
|
||||
// finalSize: calculatedSize,
|
||||
// });
|
||||
}
|
||||
|
||||
// 새 레이아웃 컴포넌트 데이터 생성
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ const DataTableConfigPanelWrapper: React.FC<{
|
|||
// 안정화된 업데이트 핸들러
|
||||
const handleUpdateComponent = React.useCallback(
|
||||
(updates: Partial<DataTableComponent>) => {
|
||||
console.log("🔄 DataTable 래퍼 컴포넌트 업데이트:", updates);
|
||||
// console.log("🔄 DataTable 래퍼 컴포넌트 업데이트:", updates);
|
||||
|
||||
// 변경사항이 있는지 확인 (간단한 비교로 성능 향상)
|
||||
const hasChanges = Object.entries(updates).some(([key, value]) => {
|
||||
|
|
@ -48,7 +48,7 @@ const DataTableConfigPanelWrapper: React.FC<{
|
|||
});
|
||||
|
||||
if (!hasChanges) {
|
||||
console.log("⏭️ 래퍼: 변경사항 없음, 업데이트 스킵");
|
||||
// console.log("⏭️ 래퍼: 변경사항 없음, 업데이트 스킵");
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -123,18 +123,18 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
canUngroup = false,
|
||||
}) => {
|
||||
// 🔍 디버깅: PropertiesPanel 렌더링 및 dragState 전달 확인
|
||||
console.log("📍 PropertiesPanel 렌더링:", {
|
||||
renderTime: Date.now(),
|
||||
selectedComponentId: selectedComponent?.id,
|
||||
dragState: dragState
|
||||
? {
|
||||
isDragging: dragState.isDragging,
|
||||
draggedComponentId: dragState.draggedComponent?.id,
|
||||
currentPosition: dragState.currentPosition,
|
||||
dragStateRef: dragState, // 객체 참조 확인
|
||||
}
|
||||
: "null",
|
||||
});
|
||||
// console.log("📍 PropertiesPanel 렌더링:", {
|
||||
// renderTime: Date.now(),
|
||||
// selectedComponentId: selectedComponent?.id,
|
||||
// dragState: dragState
|
||||
// ? {
|
||||
// isDragging: dragState.isDragging,
|
||||
// draggedComponentId: dragState.draggedComponent?.id,
|
||||
// currentPosition: dragState.currentPosition,
|
||||
// dragStateRef: dragState, // 객체 참조 확인
|
||||
// }
|
||||
// : "null",
|
||||
// });
|
||||
|
||||
// 동적 웹타입 목록 가져오기 - API에서 직접 조회
|
||||
const { webTypes, isLoading: isWebTypesLoading } = useWebTypes({ active: "Y" });
|
||||
|
|
@ -160,11 +160,11 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
// 실시간 위치 계산 (드래그 중일 때는 dragState.currentPosition 사용)
|
||||
const getCurrentPosition = () => {
|
||||
if (dragState?.isDragging && dragState.draggedComponent?.id === selectedComponent?.id) {
|
||||
console.log("🎯 드래그 중 실시간 위치:", {
|
||||
draggedId: dragState.draggedComponent?.id,
|
||||
selectedId: selectedComponent?.id,
|
||||
currentPosition: dragState.currentPosition,
|
||||
});
|
||||
// console.log("🎯 드래그 중 실시간 위치:", {
|
||||
// draggedId: dragState.draggedComponent?.id,
|
||||
// selectedId: selectedComponent?.id,
|
||||
// currentPosition: dragState.currentPosition,
|
||||
// });
|
||||
return {
|
||||
x: Math.round(dragState.currentPosition.x),
|
||||
y: Math.round(dragState.currentPosition.y),
|
||||
|
|
@ -225,22 +225,22 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
const group = selectedComponent.type === "group" ? (selectedComponent as GroupComponent) : null;
|
||||
const area = selectedComponent.type === "area" ? (selectedComponent as AreaComponent) : null;
|
||||
|
||||
console.log("🔄 PropertiesPanel: 컴포넌트 변경 감지", {
|
||||
componentId: selectedComponent.id,
|
||||
componentType: selectedComponent.type,
|
||||
isDragging: dragState?.isDragging,
|
||||
justFinishedDrag: dragState?.justFinishedDrag,
|
||||
currentValues: {
|
||||
placeholder: widget?.placeholder,
|
||||
title: group?.title || area?.title,
|
||||
description: area?.description,
|
||||
actualPositionX: selectedComponent.position.x,
|
||||
actualPositionY: selectedComponent.position.y,
|
||||
dragPositionX: dragState?.currentPosition.x,
|
||||
dragPositionY: dragState?.currentPosition.y,
|
||||
},
|
||||
getCurrentPosResult: getCurrentPosition(),
|
||||
});
|
||||
// console.log("🔄 PropertiesPanel: 컴포넌트 변경 감지", {
|
||||
// componentId: selectedComponent.id,
|
||||
// componentType: selectedComponent.type,
|
||||
// isDragging: dragState?.isDragging,
|
||||
// justFinishedDrag: dragState?.justFinishedDrag,
|
||||
// currentValues: {
|
||||
// placeholder: widget?.placeholder,
|
||||
// title: group?.title || area?.title,
|
||||
// description: area?.description,
|
||||
// actualPositionX: selectedComponent.position.x,
|
||||
// actualPositionY: selectedComponent.position.y,
|
||||
// dragPositionX: dragState?.currentPosition.x,
|
||||
// dragPositionY: dragState?.currentPosition.y,
|
||||
// },
|
||||
// getCurrentPosResult: getCurrentPosition(),
|
||||
// });
|
||||
|
||||
// 드래그 중이 아닐 때만 localInputs 업데이트 (드래그 완료 후 최종 위치 반영)
|
||||
if (!dragState?.isDragging || dragState.draggedComponent?.id !== selectedComponent.id) {
|
||||
|
|
@ -270,10 +270,10 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
widgetType: widget?.widgetType || "text",
|
||||
});
|
||||
|
||||
console.log("✅ localInputs 업데이트 완료:", {
|
||||
positionX: currentPos.x.toString(),
|
||||
positionY: currentPos.y.toString(),
|
||||
});
|
||||
// console.log("✅ localInputs 업데이트 완료:", {
|
||||
// positionX: currentPos.x.toString(),
|
||||
// positionY: currentPos.y.toString(),
|
||||
// });
|
||||
}
|
||||
}
|
||||
}, [
|
||||
|
|
@ -307,24 +307,24 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
};
|
||||
|
||||
// 🔍 디버깅: 컴포넌트 구조 확인
|
||||
console.log("🔍 PropertiesPanel 삭제 액션 디버깅:", {
|
||||
componentType: selectedComponent.type,
|
||||
componentId: selectedComponent.id,
|
||||
componentConfig: selectedComponent.componentConfig,
|
||||
config: selectedComponent.config,
|
||||
webTypeConfig: selectedComponent.webTypeConfig,
|
||||
actionType1: selectedComponent.componentConfig?.action?.type,
|
||||
actionType2: selectedComponent.config?.action?.type,
|
||||
actionType3: selectedComponent.webTypeConfig?.actionType,
|
||||
isDeleteAction: isDeleteAction(),
|
||||
currentLabelColor: selectedComponent.style?.labelColor,
|
||||
});
|
||||
// console.log("🔍 PropertiesPanel 삭제 액션 디버깅:", {
|
||||
// componentType: selectedComponent.type,
|
||||
// componentId: selectedComponent.id,
|
||||
// componentConfig: selectedComponent.componentConfig,
|
||||
// config: selectedComponent.config,
|
||||
// webTypeConfig: selectedComponent.webTypeConfig,
|
||||
// actionType1: selectedComponent.componentConfig?.action?.type,
|
||||
// actionType2: selectedComponent.config?.action?.type,
|
||||
// actionType3: selectedComponent.webTypeConfig?.actionType,
|
||||
// isDeleteAction: isDeleteAction(),
|
||||
// currentLabelColor: selectedComponent.style?.labelColor,
|
||||
// });
|
||||
|
||||
// 액션에 따른 라벨 색상 자동 설정
|
||||
if (isDeleteAction()) {
|
||||
// 삭제 액션일 때 빨간색으로 설정 (이미 빨간색이 아닌 경우에만)
|
||||
if (selectedComponent.style?.labelColor !== '#ef4444') {
|
||||
console.log("🔴 삭제 액션 감지: 라벨 색상을 빨간색으로 자동 설정");
|
||||
// console.log("🔴 삭제 액션 감지: 라벨 색상을 빨간색으로 자동 설정");
|
||||
onUpdateProperty("style", {
|
||||
...selectedComponent.style,
|
||||
labelColor: '#ef4444'
|
||||
|
|
@ -339,7 +339,7 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
} else {
|
||||
// 다른 액션일 때 기본 파란색으로 리셋 (현재 빨간색인 경우에만)
|
||||
if (selectedComponent.style?.labelColor === '#ef4444') {
|
||||
console.log("🔵 일반 액션 감지: 라벨 색상을 기본 파란색으로 리셋");
|
||||
// console.log("🔵 일반 액션 감지: 라벨 색상을 기본 파란색으로 리셋");
|
||||
onUpdateProperty("style", {
|
||||
...selectedComponent.style,
|
||||
labelColor: '#3b83f6'
|
||||
|
|
@ -365,12 +365,12 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
|
||||
// 렌더링 시마다 실행되는 직접적인 드래그 상태 체크
|
||||
if (dragState?.isDragging && dragState.draggedComponent?.id === selectedComponent?.id) {
|
||||
console.log("🎯 렌더링 중 드래그 상태 감지:", {
|
||||
isDragging: dragState.isDragging,
|
||||
draggedId: dragState.draggedComponent?.id,
|
||||
selectedId: selectedComponent?.id,
|
||||
currentPosition: dragState.currentPosition,
|
||||
});
|
||||
// console.log("🎯 렌더링 중 드래그 상태 감지:", {
|
||||
// isDragging: dragState.isDragging,
|
||||
// draggedId: dragState.draggedComponent?.id,
|
||||
// selectedId: selectedComponent?.id,
|
||||
// currentPosition: dragState.currentPosition,
|
||||
// });
|
||||
|
||||
const newPosition = {
|
||||
x: dragState.currentPosition.x,
|
||||
|
|
@ -379,10 +379,10 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
|
||||
// 위치가 변경되었는지 확인
|
||||
if (lastDragPosition.x !== newPosition.x || lastDragPosition.y !== newPosition.y) {
|
||||
console.log("🔄 위치 변경 감지됨:", {
|
||||
oldPosition: lastDragPosition,
|
||||
newPosition: newPosition,
|
||||
});
|
||||
// console.log("🔄 위치 변경 감지됨:", {
|
||||
// oldPosition: lastDragPosition,
|
||||
// newPosition: newPosition,
|
||||
// });
|
||||
// 다음 렌더링 사이클에서 업데이트
|
||||
setTimeout(() => {
|
||||
setLastDragPosition(newPosition);
|
||||
|
|
@ -542,7 +542,7 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
value={localInputs.placeholder}
|
||||
onChange={(e) => {
|
||||
const newValue = e.target.value;
|
||||
console.log("🔄 placeholder 변경:", newValue);
|
||||
// console.log("🔄 placeholder 변경:", newValue);
|
||||
setLocalInputs((prev) => ({ ...prev, placeholder: newValue }));
|
||||
onUpdateProperty("placeholder", newValue);
|
||||
}}
|
||||
|
|
@ -610,7 +610,7 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
const isDragging = dragState?.isDragging && dragState.draggedComponent?.id === selectedComponent?.id;
|
||||
if (isDragging) {
|
||||
const realTimeX = Math.round(dragState.currentPosition.x);
|
||||
console.log("🔥 실시간 X 렌더링:", realTimeX, "forceRender:", forceRender);
|
||||
// console.log("🔥 실시간 X 렌더링:", realTimeX, "forceRender:", forceRender);
|
||||
return realTimeX.toString();
|
||||
}
|
||||
return localInputs.positionX;
|
||||
|
|
@ -640,7 +640,7 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
const isDragging = dragState?.isDragging && dragState.draggedComponent?.id === selectedComponent?.id;
|
||||
if (isDragging) {
|
||||
const realTimeY = Math.round(dragState.currentPosition.y);
|
||||
console.log("🔥 실시간 Y 렌더링:", realTimeY, "forceRender:", forceRender);
|
||||
// console.log("🔥 실시간 Y 렌더링:", realTimeY, "forceRender:", forceRender);
|
||||
return realTimeY.toString();
|
||||
}
|
||||
return localInputs.positionY;
|
||||
|
|
@ -770,7 +770,7 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
id="labelDisplay"
|
||||
checked={localInputs.labelDisplay}
|
||||
onChange={(e) => {
|
||||
console.log("🔄 라벨 표시 변경:", e.target.checked);
|
||||
// console.log("🔄 라벨 표시 변경:", e.target.checked);
|
||||
setLocalInputs((prev) => ({ ...prev, labelDisplay: e.target.checked }));
|
||||
onUpdateProperty("style.labelDisplay", e.target.checked);
|
||||
}}
|
||||
|
|
@ -788,7 +788,7 @@ const PropertiesPanelComponent: React.FC<PropertiesPanelProps> = ({
|
|||
value={localInputs.labelText}
|
||||
onChange={(e) => {
|
||||
const newValue = e.target.value;
|
||||
console.log("🔄 라벨 텍스트 변경:", newValue);
|
||||
// console.log("🔄 라벨 텍스트 변경:", newValue);
|
||||
setLocalInputs((prev) => ({ ...prev, labelText: newValue }));
|
||||
// 기본 라벨과 스타일 라벨을 모두 업데이트
|
||||
onUpdateProperty("label", newValue);
|
||||
|
|
|
|||
|
|
@ -446,7 +446,7 @@ export const TemplatesPanel: React.FC<TemplatesPanelProps> = ({ onDragStart }) =
|
|||
const dynamicTemplates = React.useMemo(() => {
|
||||
if (error || !dbTemplates) {
|
||||
// 오류 발생 시 폴백 템플릿 사용
|
||||
console.warn("템플릿 로딩 실패, 폴백 템플릿 사용:", error);
|
||||
// console.warn("템플릿 로딩 실패, 폴백 템플릿 사용:", error);
|
||||
return fallbackTemplates;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -89,13 +89,13 @@ export const CheckboxTypeConfigPanel: React.FC<CheckboxTypeConfigPanelProps> = (
|
|||
};
|
||||
|
||||
const newConfig = JSON.parse(JSON.stringify(currentValues));
|
||||
console.log("☑️ CheckboxTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
localValues,
|
||||
});
|
||||
// console.log("☑️ CheckboxTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// localValues,
|
||||
// });
|
||||
|
||||
setTimeout(() => {
|
||||
onConfigChange(newConfig);
|
||||
|
|
|
|||
|
|
@ -104,12 +104,12 @@ export const CodeTypeConfigPanel: React.FC<CodeTypeConfigPanelProps> = ({ config
|
|||
|
||||
// 실제 config 업데이트
|
||||
const newConfig = { ...safeConfig, [key]: value };
|
||||
console.log("💻 CodeTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
});
|
||||
// console.log("💻 CodeTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// });
|
||||
onConfigChange(newConfig);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -26,10 +26,10 @@ export const DateTypeConfigPanel: React.FC<DateTypeConfigPanelProps> = ({ config
|
|||
|
||||
// 로컬 상태로 실시간 입력 관리
|
||||
const [localValues, setLocalValues] = useState(() => {
|
||||
console.log("📅 DateTypeConfigPanel 초기 상태 설정:", {
|
||||
config,
|
||||
safeConfig,
|
||||
});
|
||||
// console.log("📅 DateTypeConfigPanel 초기 상태 설정:", {
|
||||
// config,
|
||||
// safeConfig,
|
||||
// });
|
||||
|
||||
return {
|
||||
format: safeConfig.format,
|
||||
|
|
@ -46,23 +46,23 @@ export const DateTypeConfigPanel: React.FC<DateTypeConfigPanelProps> = ({ config
|
|||
// config가 실제로 존재하고 의미있는 데이터가 있을 때만 업데이트
|
||||
const hasValidConfig = config && Object.keys(config).length > 0;
|
||||
|
||||
console.log("📅 DateTypeConfigPanel config 변경 감지:", {
|
||||
config,
|
||||
configExists: !!config,
|
||||
configKeys: config ? Object.keys(config) : [],
|
||||
hasValidConfig,
|
||||
safeConfig,
|
||||
safeConfigKeys: Object.keys(safeConfig),
|
||||
currentLocalValues: localValues,
|
||||
configStringified: JSON.stringify(config),
|
||||
safeConfigStringified: JSON.stringify(safeConfig),
|
||||
willUpdateLocalValues: hasValidConfig,
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
// console.log("📅 DateTypeConfigPanel config 변경 감지:", {
|
||||
// config,
|
||||
// configExists: !!config,
|
||||
// configKeys: config ? Object.keys(config) : [],
|
||||
// hasValidConfig,
|
||||
// safeConfig,
|
||||
// safeConfigKeys: Object.keys(safeConfig),
|
||||
// currentLocalValues: localValues,
|
||||
// configStringified: JSON.stringify(config),
|
||||
// safeConfigStringified: JSON.stringify(safeConfig),
|
||||
// willUpdateLocalValues: hasValidConfig,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
|
||||
// config가 없거나 비어있으면 로컬 상태를 유지
|
||||
if (!hasValidConfig) {
|
||||
console.log("⚠️ config가 없거나 비어있음 - 로컬 상태 유지");
|
||||
// console.log("⚠️ config가 없거나 비어있음 - 로컬 상태 유지");
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -84,25 +84,25 @@ export const DateTypeConfigPanel: React.FC<DateTypeConfigPanelProps> = ({ config
|
|||
localValues.minDate !== newLocalValues.minDate ||
|
||||
localValues.maxDate !== newLocalValues.maxDate;
|
||||
|
||||
console.log("🔄 로컬 상태 업데이트 검사:", {
|
||||
oldLocalValues: localValues,
|
||||
newLocalValues,
|
||||
hasChanges,
|
||||
changes: {
|
||||
format: localValues.format !== newLocalValues.format,
|
||||
showTime: localValues.showTime !== newLocalValues.showTime,
|
||||
defaultValue: localValues.defaultValue !== newLocalValues.defaultValue,
|
||||
placeholder: localValues.placeholder !== newLocalValues.placeholder,
|
||||
minDate: localValues.minDate !== newLocalValues.minDate,
|
||||
maxDate: localValues.maxDate !== newLocalValues.maxDate,
|
||||
},
|
||||
});
|
||||
// console.log("🔄 로컬 상태 업데이트 검사:", {
|
||||
// oldLocalValues: localValues,
|
||||
// newLocalValues,
|
||||
// hasChanges,
|
||||
// changes: {
|
||||
// format: localValues.format !== newLocalValues.format,
|
||||
// showTime: localValues.showTime !== newLocalValues.showTime,
|
||||
// defaultValue: localValues.defaultValue !== newLocalValues.defaultValue,
|
||||
// placeholder: localValues.placeholder !== newLocalValues.placeholder,
|
||||
// minDate: localValues.minDate !== newLocalValues.minDate,
|
||||
// maxDate: localValues.maxDate !== newLocalValues.maxDate,
|
||||
// },
|
||||
// });
|
||||
|
||||
if (hasChanges) {
|
||||
console.log("✅ 로컬 상태 업데이트 실행");
|
||||
// console.log("✅ 로컬 상태 업데이트 실행");
|
||||
setLocalValues(newLocalValues);
|
||||
} else {
|
||||
console.log("⏭️ 변경사항 없음 - 로컬 상태 유지");
|
||||
// console.log("⏭️ 변경사항 없음 - 로컬 상태 유지");
|
||||
}
|
||||
}, [JSON.stringify(config)]);
|
||||
|
||||
|
|
@ -112,36 +112,36 @@ export const DateTypeConfigPanel: React.FC<DateTypeConfigPanelProps> = ({ config
|
|||
|
||||
// 실제 config 업데이트 - 현재 로컬 상태를 기반으로 새 객체 생성 (safeConfig 기본값 덮어쓰기 방지)
|
||||
const newConfig = JSON.parse(JSON.stringify({ ...localValues, [key]: value }));
|
||||
console.log("📅 DateTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
localValues,
|
||||
timestamp: new Date().toISOString(),
|
||||
changes: {
|
||||
format: newConfig.format !== safeConfig.format,
|
||||
showTime: newConfig.showTime !== safeConfig.showTime,
|
||||
placeholder: newConfig.placeholder !== safeConfig.placeholder,
|
||||
minDate: newConfig.minDate !== safeConfig.minDate,
|
||||
maxDate: newConfig.maxDate !== safeConfig.maxDate,
|
||||
defaultValue: newConfig.defaultValue !== safeConfig.defaultValue,
|
||||
},
|
||||
willCallOnConfigChange: true,
|
||||
});
|
||||
// console.log("📅 DateTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// localValues,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// changes: {
|
||||
// format: newConfig.format !== safeConfig.format,
|
||||
// showTime: newConfig.showTime !== safeConfig.showTime,
|
||||
// placeholder: newConfig.placeholder !== safeConfig.placeholder,
|
||||
// minDate: newConfig.minDate !== safeConfig.minDate,
|
||||
// maxDate: newConfig.maxDate !== safeConfig.maxDate,
|
||||
// defaultValue: newConfig.defaultValue !== safeConfig.defaultValue,
|
||||
// },
|
||||
// willCallOnConfigChange: true,
|
||||
// });
|
||||
|
||||
console.log("🔄 onConfigChange 호출 직전:", {
|
||||
newConfig,
|
||||
configStringified: JSON.stringify(newConfig),
|
||||
});
|
||||
// console.log("🔄 onConfigChange 호출 직전:", {
|
||||
// newConfig,
|
||||
// configStringified: JSON.stringify(newConfig),
|
||||
// });
|
||||
|
||||
// 약간의 지연을 두고 업데이트 (배치 업데이트 방지)
|
||||
setTimeout(() => {
|
||||
console.log("✅ onConfigChange 호출 완료:", {
|
||||
key,
|
||||
newConfig,
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
// console.log("✅ onConfigChange 호출 완료:", {
|
||||
// key,
|
||||
// newConfig,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
onConfigChange(newConfig);
|
||||
}, 0);
|
||||
};
|
||||
|
|
@ -156,11 +156,11 @@ export const DateTypeConfigPanel: React.FC<DateTypeConfigPanelProps> = ({ config
|
|||
<Select
|
||||
value={localValues.format}
|
||||
onValueChange={(value) => {
|
||||
console.log("📅 날짜 형식 변경:", {
|
||||
oldFormat: localValues.format,
|
||||
newFormat: value,
|
||||
oldShowTime: localValues.showTime,
|
||||
});
|
||||
// console.log("📅 날짜 형식 변경:", {
|
||||
// oldFormat: localValues.format,
|
||||
// newFormat: value,
|
||||
// oldShowTime: localValues.showTime,
|
||||
// });
|
||||
|
||||
// format 변경 시 showTime도 자동 동기화
|
||||
const hasTime = value.includes("HH:mm");
|
||||
|
|
@ -174,11 +174,11 @@ export const DateTypeConfigPanel: React.FC<DateTypeConfigPanelProps> = ({ config
|
|||
}),
|
||||
);
|
||||
|
||||
console.log("🔄 format+showTime 동시 업데이트:", {
|
||||
newFormat: value,
|
||||
newShowTime: hasTime,
|
||||
newConfig,
|
||||
});
|
||||
// console.log("🔄 format+showTime 동시 업데이트:", {
|
||||
// newFormat: value,
|
||||
// newShowTime: hasTime,
|
||||
// newConfig,
|
||||
// });
|
||||
|
||||
// 로컬 상태도 동시 업데이트
|
||||
setLocalValues((prev) => ({
|
||||
|
|
@ -214,11 +214,11 @@ export const DateTypeConfigPanel: React.FC<DateTypeConfigPanelProps> = ({ config
|
|||
checked={localValues.showTime}
|
||||
onCheckedChange={(checked) => {
|
||||
const newShowTime = !!checked;
|
||||
console.log("⏰ 시간 표시 체크박스 변경:", {
|
||||
oldShowTime: localValues.showTime,
|
||||
newShowTime,
|
||||
currentFormat: localValues.format,
|
||||
});
|
||||
// console.log("⏰ 시간 표시 체크박스 변경:", {
|
||||
// oldShowTime: localValues.showTime,
|
||||
// newShowTime,
|
||||
// currentFormat: localValues.format,
|
||||
// });
|
||||
|
||||
// showTime 변경 시 format도 적절히 조정
|
||||
let newFormat = localValues.format;
|
||||
|
|
@ -230,11 +230,11 @@ export const DateTypeConfigPanel: React.FC<DateTypeConfigPanelProps> = ({ config
|
|||
newFormat = "YYYY-MM-DD";
|
||||
}
|
||||
|
||||
console.log("🔄 showTime+format 동시 업데이트:", {
|
||||
newShowTime,
|
||||
oldFormat: localValues.format,
|
||||
newFormat,
|
||||
});
|
||||
// console.log("🔄 showTime+format 동시 업데이트:", {
|
||||
// newShowTime,
|
||||
// oldFormat: localValues.format,
|
||||
// newFormat,
|
||||
// });
|
||||
|
||||
// 한 번에 두 값을 모두 업데이트 - 현재 로컬 상태 기반으로 생성
|
||||
const newConfig = JSON.parse(
|
||||
|
|
|
|||
|
|
@ -91,12 +91,12 @@ export const EntityTypeConfigPanel: React.FC<EntityTypeConfigPanelProps> = ({ co
|
|||
|
||||
// 실제 config 업데이트
|
||||
const newConfig = { ...safeConfig, [key]: value };
|
||||
console.log("🏢 EntityTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
});
|
||||
// console.log("🏢 EntityTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// });
|
||||
onConfigChange(newConfig);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -79,12 +79,12 @@ export const FileTypeConfigPanel: React.FC<FileTypeConfigPanelProps> = ({ config
|
|||
|
||||
// 실제 config 업데이트
|
||||
const newConfig = { ...safeConfig, [key]: value };
|
||||
console.log("📁 FileTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
});
|
||||
// console.log("📁 FileTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// });
|
||||
onConfigChange(newConfig);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -88,14 +88,14 @@ export const NumberTypeConfigPanel: React.FC<NumberTypeConfigPanelProps> = ({ co
|
|||
};
|
||||
|
||||
const newConfig = JSON.parse(JSON.stringify(currentValues));
|
||||
console.log("🔢 NumberTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
localValues,
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
// console.log("🔢 NumberTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// localValues,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
|
||||
// 약간의 지연을 두고 업데이트 (배치 업데이트 방지)
|
||||
setTimeout(() => {
|
||||
|
|
|
|||
|
|
@ -67,14 +67,14 @@ export const RadioTypeConfigPanel: React.FC<RadioTypeConfigPanelProps> = ({ conf
|
|||
|
||||
// 실제 config 업데이트 - 깊은 복사로 새 객체 보장
|
||||
const newConfig = JSON.parse(JSON.stringify({ ...safeConfig, [key]: processedValue }));
|
||||
console.log("📻 RadioTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
processedValue,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
// console.log("📻 RadioTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// processedValue,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
|
||||
// 약간의 지연을 두고 업데이트 (배치 업데이트 방지)
|
||||
setTimeout(() => {
|
||||
|
|
@ -87,12 +87,12 @@ export const RadioTypeConfigPanel: React.FC<RadioTypeConfigPanelProps> = ({ conf
|
|||
const newOptionData = { ...newOption };
|
||||
const updatedOptions = [...(safeConfig.options || []), newOptionData];
|
||||
|
||||
console.log("➕ RadioType 옵션 추가:", {
|
||||
newOption: newOptionData,
|
||||
updatedOptions,
|
||||
currentLocalOptions: localOptions,
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
// console.log("➕ RadioType 옵션 추가:", {
|
||||
// newOption: newOptionData,
|
||||
// updatedOptions,
|
||||
// currentLocalOptions: localOptions,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
|
||||
// 로컬 상태 즉시 업데이트
|
||||
setLocalOptions((prev) => {
|
||||
|
|
@ -103,7 +103,7 @@ export const RadioTypeConfigPanel: React.FC<RadioTypeConfigPanelProps> = ({ conf
|
|||
value: newOption.value,
|
||||
},
|
||||
];
|
||||
console.log("📻 RadioType 로컬 옵션 업데이트:", newLocalOptions);
|
||||
// console.log("📻 RadioType 로컬 옵션 업데이트:", newLocalOptions);
|
||||
return newLocalOptions;
|
||||
});
|
||||
|
||||
|
|
@ -113,16 +113,16 @@ export const RadioTypeConfigPanel: React.FC<RadioTypeConfigPanelProps> = ({ conf
|
|||
};
|
||||
|
||||
const removeOption = (index: number) => {
|
||||
console.log("➖ RadioType 옵션 삭제:", {
|
||||
removeIndex: index,
|
||||
currentOptions: safeConfig.options,
|
||||
currentLocalOptions: localOptions,
|
||||
});
|
||||
// console.log("➖ RadioType 옵션 삭제:", {
|
||||
// removeIndex: index,
|
||||
// currentOptions: safeConfig.options,
|
||||
// currentLocalOptions: localOptions,
|
||||
// });
|
||||
|
||||
// 로컬 상태 즉시 업데이트
|
||||
setLocalOptions((prev) => {
|
||||
const newLocalOptions = prev.filter((_, i) => i !== index);
|
||||
console.log("📻 RadioType 로컬 옵션 삭제 후:", newLocalOptions);
|
||||
// console.log("📻 RadioType 로컬 옵션 삭제 후:", newLocalOptions);
|
||||
return newLocalOptions;
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -81,13 +81,13 @@ export const SelectTypeConfigPanel: React.FC<SelectTypeConfigPanelProps> = ({ co
|
|||
|
||||
// 실제 config 업데이트 - 깊은 복사로 새 객체 보장
|
||||
const newConfig = JSON.parse(JSON.stringify({ ...safeConfig, [key]: value }));
|
||||
console.log("📋 SelectTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
// console.log("📋 SelectTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
|
||||
// 약간의 지연을 두고 업데이트 (배치 업데이트 방지)
|
||||
setTimeout(() => {
|
||||
|
|
@ -100,12 +100,12 @@ export const SelectTypeConfigPanel: React.FC<SelectTypeConfigPanelProps> = ({ co
|
|||
const newOptionData = { ...newOption, disabled: false };
|
||||
const updatedOptions = [...(safeConfig.options || []), newOptionData];
|
||||
|
||||
console.log("➕ SelectType 옵션 추가:", {
|
||||
newOption: newOptionData,
|
||||
updatedOptions,
|
||||
currentLocalOptions: localOptions,
|
||||
timestamp: new Date().toISOString(),
|
||||
});
|
||||
// console.log("➕ SelectType 옵션 추가:", {
|
||||
// newOption: newOptionData,
|
||||
// updatedOptions,
|
||||
// currentLocalOptions: localOptions,
|
||||
// timestamp: new Date().toISOString(),
|
||||
// });
|
||||
|
||||
// 로컬 상태 즉시 업데이트
|
||||
setLocalOptions((prev) => {
|
||||
|
|
@ -117,7 +117,7 @@ export const SelectTypeConfigPanel: React.FC<SelectTypeConfigPanelProps> = ({ co
|
|||
disabled: false,
|
||||
},
|
||||
];
|
||||
console.log("📋 SelectType 로컬 옵션 업데이트:", newLocalOptions);
|
||||
// console.log("📋 SelectType 로컬 옵션 업데이트:", newLocalOptions);
|
||||
return newLocalOptions;
|
||||
});
|
||||
|
||||
|
|
@ -127,16 +127,16 @@ export const SelectTypeConfigPanel: React.FC<SelectTypeConfigPanelProps> = ({ co
|
|||
};
|
||||
|
||||
const removeOption = (index: number) => {
|
||||
console.log("➖ SelectType 옵션 삭제:", {
|
||||
removeIndex: index,
|
||||
currentOptions: safeConfig.options,
|
||||
currentLocalOptions: localOptions,
|
||||
});
|
||||
// console.log("➖ SelectType 옵션 삭제:", {
|
||||
// removeIndex: index,
|
||||
// currentOptions: safeConfig.options,
|
||||
// currentLocalOptions: localOptions,
|
||||
// });
|
||||
|
||||
// 로컬 상태 즉시 업데이트
|
||||
setLocalOptions((prev) => {
|
||||
const newLocalOptions = prev.filter((_, i) => i !== index);
|
||||
console.log("📋 SelectType 로컬 옵션 삭제 후:", newLocalOptions);
|
||||
// console.log("📋 SelectType 로컬 옵션 삭제 후:", newLocalOptions);
|
||||
return newLocalOptions;
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -93,13 +93,13 @@ export const TextTypeConfigPanel: React.FC<TextTypeConfigPanelProps> = ({ config
|
|||
};
|
||||
|
||||
const newConfig = JSON.parse(JSON.stringify(currentValues));
|
||||
console.log("📝 TextTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
localValues,
|
||||
});
|
||||
// console.log("📝 TextTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// localValues,
|
||||
// });
|
||||
|
||||
setTimeout(() => {
|
||||
onConfigChange(newConfig);
|
||||
|
|
|
|||
|
|
@ -78,13 +78,13 @@ export const TextareaTypeConfigPanel: React.FC<TextareaTypeConfigPanelProps> = (
|
|||
};
|
||||
|
||||
const newConfig = JSON.parse(JSON.stringify(currentValues));
|
||||
console.log("📄 TextareaTypeConfig 업데이트:", {
|
||||
key,
|
||||
value,
|
||||
oldConfig: safeConfig,
|
||||
newConfig,
|
||||
localValues,
|
||||
});
|
||||
// console.log("📄 TextareaTypeConfig 업데이트:", {
|
||||
// key,
|
||||
// value,
|
||||
// oldConfig: safeConfig,
|
||||
// newConfig,
|
||||
// localValues,
|
||||
// });
|
||||
|
||||
setTimeout(() => {
|
||||
onConfigChange(newConfig);
|
||||
|
|
|
|||
|
|
@ -34,10 +34,10 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
const newState = updater(currentState);
|
||||
(window as any).globalFileState = newState;
|
||||
|
||||
console.log("🌐 FileUpload 전역 파일 상태 업데이트:", {
|
||||
componentId: component.id,
|
||||
newFileCount: newState[component.id]?.length || 0
|
||||
});
|
||||
// console.log("🌐 FileUpload 전역 파일 상태 업데이트:", {
|
||||
// componentId: component.id,
|
||||
// newFileCount: newState[component.id]?.length || 0
|
||||
// });
|
||||
|
||||
// 강제 리렌더링을 위한 이벤트 발생
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
|
|
@ -52,12 +52,12 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
const componentFiles = component.uploadedFiles || [];
|
||||
const finalFiles = globalFiles.length > 0 ? globalFiles : componentFiles;
|
||||
|
||||
console.log("🚀 FileUpload 파일 상태 초기화:", {
|
||||
componentId: component.id,
|
||||
globalFiles: globalFiles.length,
|
||||
componentFiles: componentFiles.length,
|
||||
finalFiles: finalFiles.length
|
||||
});
|
||||
// console.log("🚀 FileUpload 파일 상태 초기화:", {
|
||||
// componentId: component.id,
|
||||
// globalFiles: globalFiles.length,
|
||||
// componentFiles: componentFiles.length,
|
||||
// finalFiles: finalFiles.length
|
||||
// });
|
||||
|
||||
return finalFiles;
|
||||
};
|
||||
|
|
@ -70,10 +70,10 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
const handleGlobalFileStateChange = (event: CustomEvent) => {
|
||||
if (event.detail.componentId === component.id) {
|
||||
const globalFiles = getGlobalFileState()[component.id] || [];
|
||||
console.log("🔄 FileUpload 전역 상태 변경 감지:", {
|
||||
componentId: component.id,
|
||||
newFileCount: globalFiles.length
|
||||
});
|
||||
// console.log("🔄 FileUpload 전역 상태 변경 감지:", {
|
||||
// componentId: component.id,
|
||||
// newFileCount: globalFiles.length
|
||||
// });
|
||||
setLocalUploadedFiles(globalFiles);
|
||||
}
|
||||
};
|
||||
|
|
@ -101,53 +101,53 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
|
||||
// 사용자 정보 디버깅
|
||||
useEffect(() => {
|
||||
console.log("👤 File 컴포넌트 인증 상태 및 사용자 정보:", {
|
||||
isLoading,
|
||||
isLoggedIn,
|
||||
hasUser: !!user,
|
||||
user: user,
|
||||
userId: user?.userId,
|
||||
company_code: user?.company_code,
|
||||
companyCode: user?.companyCode,
|
||||
userType: typeof user,
|
||||
userKeys: user ? Object.keys(user) : "no user",
|
||||
userValues: user ? Object.entries(user) : "no user",
|
||||
});
|
||||
// console.log("👤 File 컴포넌트 인증 상태 및 사용자 정보:", {
|
||||
// isLoading,
|
||||
// isLoggedIn,
|
||||
// hasUser: !!user,
|
||||
// user: user,
|
||||
// userId: user?.userId,
|
||||
// company_code: user?.company_code,
|
||||
// companyCode: user?.companyCode,
|
||||
// userType: typeof user,
|
||||
// userKeys: user ? Object.keys(user) : "no user",
|
||||
// userValues: user ? Object.entries(user) : "no user",
|
||||
// });
|
||||
|
||||
// 사용자 정보가 유효하면 initialUser와 userRef 업데이트
|
||||
if (user && user.userId) {
|
||||
setInitialUser(user);
|
||||
userRef.current = user; // 🎯 ref에도 최신 정보 저장
|
||||
console.log("✅ 초기 사용자 정보 업데이트:", { userId: user.userId, companyCode: user.companyCode });
|
||||
// console.log("✅ 초기 사용자 정보 업데이트:", { userId: user.userId, companyCode: user.companyCode });
|
||||
}
|
||||
|
||||
// 회사 관련 필드들 확인
|
||||
if (user) {
|
||||
console.log("🔍 회사 관련 필드 검색:", {
|
||||
company_code: user.company_code,
|
||||
companyCode: user.companyCode,
|
||||
company: user.company,
|
||||
deptCode: user.deptCode,
|
||||
partnerCd: user.partnerCd,
|
||||
// console.log("🔍 회사 관련 필드 검색:", {
|
||||
// company_code: user.company_code,
|
||||
// companyCode: user.companyCode,
|
||||
// company: user.company,
|
||||
// deptCode: user.deptCode,
|
||||
// partnerCd: user.partnerCd,
|
||||
// 모든 필드에서 company 관련된 것들 찾기
|
||||
allFields: Object.keys(user).filter(
|
||||
(key) =>
|
||||
key.toLowerCase().includes("company") ||
|
||||
key.toLowerCase().includes("corp") ||
|
||||
key.toLowerCase().includes("code"),
|
||||
),
|
||||
});
|
||||
// allFields: Object.keys(user).filter(
|
||||
// (key) =>
|
||||
// key.toLowerCase().includes("company") ||
|
||||
// key.toLowerCase().includes("corp") ||
|
||||
// key.toLowerCase().includes("code"),
|
||||
// ),
|
||||
// });
|
||||
} else {
|
||||
console.warn("⚠️ 사용자 정보가 없습니다. 인증 상태 확인 필요");
|
||||
// console.warn("⚠️ 사용자 정보가 없습니다. 인증 상태 확인 필요");
|
||||
}
|
||||
}, [user, isLoading, isLoggedIn]);
|
||||
|
||||
// 컴포넌트 props가 변경될 때 로컬 상태 동기화
|
||||
useEffect(() => {
|
||||
console.log("🔄 File 컴포넌트 props 변경:", {
|
||||
propsUploadedFiles: component.uploadedFiles?.length || 0,
|
||||
localUploadedFiles: localUploadedFiles.length,
|
||||
});
|
||||
// console.log("🔄 File 컴포넌트 props 변경:", {
|
||||
// propsUploadedFiles: component.uploadedFiles?.length || 0,
|
||||
// localUploadedFiles: localUploadedFiles.length,
|
||||
// });
|
||||
setLocalUploadedFiles(component.uploadedFiles || []);
|
||||
}, [component.uploadedFiles]);
|
||||
|
||||
|
|
@ -176,23 +176,23 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
const isFileTypeAllowed = (file: File): boolean => {
|
||||
const fileName = file.name.toLowerCase();
|
||||
|
||||
console.log("🔍 파일 타입 검증:", {
|
||||
fileName: file.name,
|
||||
fileType: file.type,
|
||||
acceptRules: fileConfig.accept,
|
||||
});
|
||||
// console.log("🔍 파일 타입 검증:", {
|
||||
// fileName: file.name,
|
||||
// fileType: file.type,
|
||||
// acceptRules: fileConfig.accept,
|
||||
// });
|
||||
|
||||
const result = fileConfig.accept.some((accept) => {
|
||||
// 모든 파일 허용 (와일드카드)
|
||||
if (accept === "*/*" || accept === "*") {
|
||||
console.log("✅ 와일드카드 매칭:", accept);
|
||||
// console.log("✅ 와일드카드 매칭:", accept);
|
||||
return true;
|
||||
}
|
||||
|
||||
// 확장자 기반 검증 (.jpg, .png 등)
|
||||
if (accept.startsWith(".")) {
|
||||
const matches = fileName.endsWith(accept.toLowerCase());
|
||||
console.log(`${matches ? "✅" : "❌"} 확장자 검증:`, accept, "→", matches);
|
||||
// console.log(`${matches ? "✅" : "❌"} 확장자 검증:`, accept, "→", matches);
|
||||
return matches;
|
||||
}
|
||||
|
||||
|
|
@ -200,97 +200,97 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
if (accept.includes("/*")) {
|
||||
const type = accept.split("/")[0];
|
||||
const matches = file.type.startsWith(type);
|
||||
console.log(`${matches ? "✅" : "❌"} MIME 타입 검증:`, accept, "→", matches);
|
||||
// console.log(`${matches ? "✅" : "❌"} MIME 타입 검증:`, accept, "→", matches);
|
||||
return matches;
|
||||
}
|
||||
|
||||
// 정확한 MIME 타입 매칭 (image/jpeg, application/pdf 등)
|
||||
const matches = file.type === accept;
|
||||
console.log(`${matches ? "✅" : "❌"} 정확한 MIME 매칭:`, accept, "→", matches);
|
||||
// console.log(`${matches ? "✅" : "❌"} 정확한 MIME 매칭:`, accept, "→", matches);
|
||||
return matches;
|
||||
});
|
||||
|
||||
console.log(`🎯 최종 검증 결과:`, result);
|
||||
// console.log(`🎯 최종 검증 결과:`, result);
|
||||
return result;
|
||||
};
|
||||
|
||||
// 파일 선택 핸들러
|
||||
const handleFileSelect = useCallback(
|
||||
(files: FileList | null) => {
|
||||
console.log("📁 파일 선택됨:", files ? Array.from(files).map((f) => f.name) : "없음");
|
||||
// console.log("📁 파일 선택됨:", files ? Array.from(files).map((f) => f.name) : "없음");
|
||||
if (!files) return;
|
||||
|
||||
const fileArray = Array.from(files);
|
||||
const validFiles: File[] = [];
|
||||
const errors: string[] = [];
|
||||
|
||||
console.log("🔍 파일 검증 시작:", {
|
||||
totalFiles: fileArray.length,
|
||||
currentUploadedCount: uploadedFiles.length,
|
||||
maxFiles: fileConfig.maxFiles,
|
||||
maxSize: fileConfig.maxSize,
|
||||
allowedTypes: fileConfig.accept,
|
||||
});
|
||||
// console.log("🔍 파일 검증 시작:", {
|
||||
// totalFiles: fileArray.length,
|
||||
// currentUploadedCount: uploadedFiles.length,
|
||||
// maxFiles: fileConfig.maxFiles,
|
||||
// maxSize: fileConfig.maxSize,
|
||||
// allowedTypes: fileConfig.accept,
|
||||
// });
|
||||
|
||||
// 파일 검증
|
||||
fileArray.forEach((file) => {
|
||||
console.log(`📄 파일 검증: ${file.name} (${file.size} bytes, ${file.type})`);
|
||||
// console.log(`📄 파일 검증: ${file.name} (${file.size} bytes, ${file.type})`);
|
||||
|
||||
// 파일 타입 검증
|
||||
if (!isFileTypeAllowed(file)) {
|
||||
errors.push(`${file.name}: 허용되지 않는 파일 타입입니다.`);
|
||||
console.log(`❌ 파일 타입 거부: ${file.name}`);
|
||||
// console.log(`❌ 파일 타입 거부: ${file.name}`);
|
||||
return;
|
||||
}
|
||||
|
||||
// 파일 크기 검증
|
||||
if (file.size > fileConfig.maxSize * 1024 * 1024) {
|
||||
errors.push(`${file.name}: 파일 크기가 ${fileConfig.maxSize}MB를 초과합니다.`);
|
||||
console.log(`❌ 파일 크기 초과: ${file.name} (${file.size} > ${fileConfig.maxSize * 1024 * 1024})`);
|
||||
// console.log(`❌ 파일 크기 초과: ${file.name} (${file.size} > ${fileConfig.maxSize * 1024 * 1024})`);
|
||||
return;
|
||||
}
|
||||
|
||||
// 최대 파일 수 검증
|
||||
if (uploadedFiles.length + validFiles.length >= fileConfig.maxFiles) {
|
||||
errors.push(`최대 ${fileConfig.maxFiles}개까지만 업로드할 수 있습니다.`);
|
||||
console.log(`❌ 최대 파일 수 초과`);
|
||||
// console.log(`❌ 최대 파일 수 초과`);
|
||||
return;
|
||||
}
|
||||
|
||||
validFiles.push(file);
|
||||
console.log(`✅ 파일 검증 통과: ${file.name}`);
|
||||
// console.log(`✅ 파일 검증 통과: ${file.name}`);
|
||||
});
|
||||
|
||||
// 에러가 있으면 알림
|
||||
if (errors.length > 0) {
|
||||
console.error("💥 파일 업로드 오류:", errors);
|
||||
// console.error("💥 파일 업로드 오류:", errors);
|
||||
// TODO: Toast 알림 표시
|
||||
}
|
||||
|
||||
// 유효한 파일들을 업로드 큐에 추가
|
||||
if (validFiles.length > 0) {
|
||||
console.log(
|
||||
"✅ 유효한 파일들 업로드 큐에 추가:",
|
||||
validFiles.map((f) => f.name),
|
||||
);
|
||||
// console.log(
|
||||
// "✅ 유효한 파일들 업로드 큐에 추가:",
|
||||
// validFiles.map((f) => f.name),
|
||||
// );
|
||||
setUploadQueue((prev) => [...prev, ...validFiles]);
|
||||
|
||||
if (fileConfig.autoUpload) {
|
||||
console.log("🚀 자동 업로드 시작:", {
|
||||
autoUpload: fileConfig.autoUpload,
|
||||
filesCount: validFiles.length,
|
||||
fileNames: validFiles.map((f) => f.name),
|
||||
});
|
||||
// console.log("🚀 자동 업로드 시작:", {
|
||||
// autoUpload: fileConfig.autoUpload,
|
||||
// filesCount: validFiles.length,
|
||||
// fileNames: validFiles.map((f) => f.name),
|
||||
// });
|
||||
// 자동 업로드 실행
|
||||
validFiles.forEach(uploadFile);
|
||||
} else {
|
||||
console.log("⏸️ 자동 업로드 비활성화:", {
|
||||
autoUpload: fileConfig.autoUpload,
|
||||
filesCount: validFiles.length,
|
||||
});
|
||||
// console.log("⏸️ 자동 업로드 비활성화:", {
|
||||
// autoUpload: fileConfig.autoUpload,
|
||||
// filesCount: validFiles.length,
|
||||
// });
|
||||
}
|
||||
} else {
|
||||
console.log("❌ 업로드할 유효한 파일이 없음");
|
||||
// console.log("❌ 업로드할 유효한 파일이 없음");
|
||||
}
|
||||
},
|
||||
[fileConfig, uploadedFiles.length],
|
||||
|
|
@ -299,7 +299,7 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
// 파일 업로드 함수 (실시간 상태 조회로 타이밍 문제 해결)
|
||||
const uploadFile = useCallback(
|
||||
async (file: File) => {
|
||||
console.log("📤 파일 업로드 시작:", file.name);
|
||||
// console.log("📤 파일 업로드 시작:", file.name);
|
||||
|
||||
const formData = new FormData();
|
||||
formData.append("files", file);
|
||||
|
|
@ -311,31 +311,31 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
const currentUser = userRef.current;
|
||||
|
||||
// 실시간 사용자 정보 디버깅
|
||||
console.log("🔍 FileUpload - uploadFile ref를 통한 실시간 상태:", {
|
||||
hasCurrentUser: !!currentUser,
|
||||
currentUser: currentUser
|
||||
? {
|
||||
userId: currentUser.userId,
|
||||
companyCode: currentUser.companyCode,
|
||||
company_code: currentUser.company_code,
|
||||
}
|
||||
: null,
|
||||
// console.log("🔍 FileUpload - uploadFile ref를 통한 실시간 상태:", {
|
||||
// hasCurrentUser: !!currentUser,
|
||||
// currentUser: currentUser
|
||||
// ? {
|
||||
// userId: currentUser.userId,
|
||||
// companyCode: currentUser.companyCode,
|
||||
// company_code: currentUser.company_code,
|
||||
// }
|
||||
// : null,
|
||||
// 기존 상태와 비교
|
||||
originalUser: user,
|
||||
originalInitialUser: initialUser,
|
||||
refExists: !!userRef.current,
|
||||
});
|
||||
// originalUser: user,
|
||||
// originalInitialUser: initialUser,
|
||||
// refExists: !!userRef.current,
|
||||
// });
|
||||
|
||||
// 사용자 정보가 로드되지 않은 경우 잠시 대기
|
||||
if (isLoading) {
|
||||
console.log("⏳ 사용자 정보 로딩 중... 업로드 대기");
|
||||
// console.log("⏳ 사용자 정보 로딩 중... 업로드 대기");
|
||||
setTimeout(() => uploadFile(file), 500); // 500ms 후 재시도
|
||||
return;
|
||||
}
|
||||
|
||||
// 사용자 정보가 없는 경우 - 무한루프 방지로 재시도 제한
|
||||
if (!user && isLoggedIn) {
|
||||
console.warn("⚠️ 로그인은 되어 있지만 사용자 정보가 없음. DEFAULT로 진행");
|
||||
// console.warn("⚠️ 로그인은 되어 있지만 사용자 정보가 없음. DEFAULT로 진행");
|
||||
// 무한루프 방지: 재시도하지 않고 DEFAULT로 진행
|
||||
// setTimeout(() => uploadFile(file), 1000); // 1초 후 재시도
|
||||
// return;
|
||||
|
|
@ -348,27 +348,27 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
if (companyCode) {
|
||||
// "*"는 실제 회사코드이므로 그대로 사용
|
||||
formData.append("companyCode", companyCode);
|
||||
console.log("✅ 회사코드 추가:", companyCode);
|
||||
// console.log("✅ 회사코드 추가:", companyCode);
|
||||
} else {
|
||||
console.warn("⚠️ 회사코드가 없음, DEFAULT 사용. 사용자 정보:", {
|
||||
user: user,
|
||||
initialUser: initialUser,
|
||||
effectiveUser: effectiveUser,
|
||||
companyCode: effectiveUser?.companyCode,
|
||||
company_code: effectiveUser?.company_code,
|
||||
deptCode: effectiveUser?.deptCode,
|
||||
isLoading,
|
||||
isLoggedIn,
|
||||
allUserKeys: effectiveUser ? Object.keys(effectiveUser) : "no user",
|
||||
});
|
||||
// console.warn("⚠️ 회사코드가 없음, DEFAULT 사용. 사용자 정보:", {
|
||||
// user: user,
|
||||
// initialUser: initialUser,
|
||||
// effectiveUser: effectiveUser,
|
||||
// companyCode: effectiveUser?.companyCode,
|
||||
// company_code: effectiveUser?.company_code,
|
||||
// deptCode: effectiveUser?.deptCode,
|
||||
// isLoading,
|
||||
// isLoggedIn,
|
||||
// allUserKeys: effectiveUser ? Object.keys(effectiveUser) : "no user",
|
||||
// });
|
||||
formData.append("companyCode", "DEFAULT");
|
||||
}
|
||||
|
||||
if (effectiveUser?.userId) {
|
||||
formData.append("writer", effectiveUser.userId);
|
||||
console.log("✅ 작성자 추가:", effectiveUser.userId);
|
||||
// console.log("✅ 작성자 추가:", effectiveUser.userId);
|
||||
} else {
|
||||
console.warn("⚠️ 사용자ID가 없음, system 사용");
|
||||
// console.warn("⚠️ 사용자ID가 없음, system 사용");
|
||||
formData.append("writer", "system");
|
||||
}
|
||||
|
||||
|
|
@ -376,45 +376,45 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
if (fileConfig.accept && fileConfig.accept.length > 0) {
|
||||
const acceptString = fileConfig.accept.join(",");
|
||||
formData.append("accept", acceptString);
|
||||
console.log("✅ 허용 파일 타입 추가:", acceptString);
|
||||
// console.log("✅ 허용 파일 타입 추가:", acceptString);
|
||||
}
|
||||
|
||||
// 자동 연결 정보 추가
|
||||
if (fileConfig.autoLink) {
|
||||
formData.append("autoLink", "true");
|
||||
console.log("✅ 자동 연결 활성화: true");
|
||||
// console.log("✅ 자동 연결 활성화: true");
|
||||
|
||||
if (fileConfig.linkedTable) {
|
||||
formData.append("linkedTable", fileConfig.linkedTable);
|
||||
console.log("✅ 연결 테이블 추가:", fileConfig.linkedTable);
|
||||
// console.log("✅ 연결 테이블 추가:", fileConfig.linkedTable);
|
||||
}
|
||||
|
||||
if (fileConfig.linkedField) {
|
||||
formData.append("linkedField", fileConfig.linkedField);
|
||||
console.log("✅ 연결 필드 추가:", fileConfig.linkedField);
|
||||
// console.log("✅ 연결 필드 추가:", fileConfig.linkedField);
|
||||
}
|
||||
|
||||
if (fileConfig.recordId) {
|
||||
formData.append("recordId", fileConfig.recordId);
|
||||
console.log("✅ 레코드 ID 추가:", fileConfig.recordId);
|
||||
// console.log("✅ 레코드 ID 추가:", fileConfig.recordId);
|
||||
}
|
||||
|
||||
// 가상 파일 컬럼 정보 추가
|
||||
if (fileConfig.isVirtualFileColumn) {
|
||||
formData.append("isVirtualFileColumn", "true");
|
||||
console.log("✅ 가상 파일 컬럼 활성화: true");
|
||||
// console.log("✅ 가상 파일 컬럼 활성화: true");
|
||||
|
||||
if (fileConfig.columnName) {
|
||||
formData.append("columnName", fileConfig.columnName);
|
||||
console.log("✅ 컬럼명 추가:", fileConfig.columnName);
|
||||
// console.log("✅ 컬럼명 추가:", fileConfig.columnName);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// FormData 내용 디버깅
|
||||
console.log("📋 FormData 내용 확인:");
|
||||
// console.log("📋 FormData 내용 확인:");
|
||||
for (const [key, value] of formData.entries()) {
|
||||
console.log(` ${key}:`, value);
|
||||
// console.log(` ${key}:`, value);
|
||||
}
|
||||
|
||||
try {
|
||||
|
|
@ -437,23 +437,23 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
isUploading: true,
|
||||
};
|
||||
|
||||
console.log("📋 임시 파일 정보 생성:", tempFileInfo);
|
||||
// console.log("📋 임시 파일 정보 생성:", tempFileInfo);
|
||||
|
||||
const newUploadedFiles = [...uploadedFiles, tempFileInfo];
|
||||
console.log("📊 업데이트 전 파일 목록:", uploadedFiles.length, "개");
|
||||
console.log("📊 업데이트 후 파일 목록:", newUploadedFiles.length, "개");
|
||||
// console.log("📊 업데이트 전 파일 목록:", uploadedFiles.length, "개");
|
||||
// console.log("📊 업데이트 후 파일 목록:", newUploadedFiles.length, "개");
|
||||
|
||||
// 로컬 상태 즉시 업데이트
|
||||
setLocalUploadedFiles(newUploadedFiles);
|
||||
|
||||
// 임시 파일 정보를 업로드된 파일 목록에 추가
|
||||
console.log("🔄 onUpdateComponent 호출 중...");
|
||||
// console.log("🔄 onUpdateComponent 호출 중...");
|
||||
onUpdateComponent({
|
||||
uploadedFiles: newUploadedFiles,
|
||||
});
|
||||
console.log("✅ onUpdateComponent 호출 완료");
|
||||
// console.log("✅ onUpdateComponent 호출 완료");
|
||||
|
||||
console.log("🚀 API 호출 시작 - /files/upload");
|
||||
// console.log("🚀 API 호출 시작 - /files/upload");
|
||||
|
||||
// 실제 API 호출 (apiClient 사용으로 자동 JWT 토큰 추가)
|
||||
// FormData 사용 시 Content-Type을 삭제하여 boundary가 자동 설정되도록 함
|
||||
|
|
@ -464,7 +464,7 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
});
|
||||
|
||||
const result = response.data;
|
||||
console.log("📡 API 응답 성공:", result);
|
||||
// console.log("📡 API 응답 성공:", result);
|
||||
|
||||
if (!result.success || !result.files || result.files.length === 0) {
|
||||
throw new Error(result.message || "파일 업로드 실패");
|
||||
|
|
@ -491,7 +491,7 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
isUploading: false,
|
||||
};
|
||||
|
||||
console.log("✅ 실제 파일 업로드 완료 (attach_file_info 저장됨):", successFileInfo);
|
||||
// console.log("✅ 실제 파일 업로드 완료 (attach_file_info 저장됨):", successFileInfo);
|
||||
|
||||
const updatedFiles = uploadedFiles.map((f) => (f.objid === tempFileInfo.objid ? successFileInfo : f));
|
||||
|
||||
|
|
@ -514,14 +514,14 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
timestamp: Date.now()
|
||||
};
|
||||
|
||||
console.log("🚀 FileUpload 위젯 이벤트 발생:", eventDetail);
|
||||
// console.log("🚀 FileUpload 위젯 이벤트 발생:", eventDetail);
|
||||
|
||||
const event = new CustomEvent('globalFileStateChanged', {
|
||||
detail: eventDetail
|
||||
});
|
||||
window.dispatchEvent(event);
|
||||
|
||||
console.log("✅ FileUpload globalFileStateChanged 이벤트 발생 완료");
|
||||
// console.log("✅ FileUpload globalFileStateChanged 이벤트 발생 완료");
|
||||
}
|
||||
|
||||
// 컴포넌트 업데이트 (옵셔널)
|
||||
|
|
@ -539,21 +539,21 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
// 업로드 큐에서 제거
|
||||
setUploadQueue((prev) => prev.filter((f) => f !== file));
|
||||
} catch (error) {
|
||||
console.error("❌ 파일 업로드 실패:", {
|
||||
error,
|
||||
errorMessage: error instanceof Error ? error.message : "알 수 없는 오류",
|
||||
errorStack: error instanceof Error ? error.stack : undefined,
|
||||
user: user ? { userId: user.userId, companyCode: user.companyCode, hasUser: true } : "no user",
|
||||
authState: { isLoading, isLoggedIn },
|
||||
});
|
||||
// console.error("❌ 파일 업로드 실패:", {
|
||||
// error,
|
||||
// errorMessage: error instanceof Error ? error.message : "알 수 없는 오류",
|
||||
// errorStack: error instanceof Error ? error.stack : undefined,
|
||||
// user: user ? { userId: user.userId, companyCode: user.companyCode, hasUser: true } : "no user",
|
||||
// authState: { isLoading, isLoggedIn },
|
||||
// });
|
||||
|
||||
// API 응답 에러인 경우 상세 정보 출력
|
||||
if ((error as any)?.response) {
|
||||
console.error("📡 API 응답 에러:", {
|
||||
status: (error as any).response.status,
|
||||
statusText: (error as any).response.statusText,
|
||||
data: (error as any).response.data,
|
||||
});
|
||||
// console.error("📡 API 응답 에러:", {
|
||||
// status: (error as any).response.status,
|
||||
// statusText: (error as any).response.statusText,
|
||||
// data: (error as any).response.data,
|
||||
// });
|
||||
}
|
||||
|
||||
// 에러 상태로 업데이트
|
||||
|
|
@ -576,7 +576,7 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
|
||||
// 파일 삭제
|
||||
const deleteFile = async (fileInfo: AttachedFileInfo) => {
|
||||
console.log("🗑️ 파일 삭제:", fileInfo.realFileName);
|
||||
// console.log("🗑️ 파일 삭제:", fileInfo.realFileName);
|
||||
try {
|
||||
// 실제 API 호출 (논리적 삭제) - apiClient 사용으로 JWT 토큰 자동 추가
|
||||
const response = await apiClient.delete(`/files/${fileInfo.objid}`, {
|
||||
|
|
@ -586,7 +586,7 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
});
|
||||
|
||||
const result = response.data;
|
||||
console.log("📡 파일 삭제 API 응답:", result);
|
||||
// console.log("📡 파일 삭제 API 응답:", result);
|
||||
|
||||
if (!result.success) {
|
||||
throw new Error(result.message || "파일 삭제 실패");
|
||||
|
|
@ -615,39 +615,39 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
source: 'realScreen' // 실제 화면에서 온 이벤트임을 표시
|
||||
};
|
||||
|
||||
console.log("🚀🚀🚀 FileUpload 위젯 삭제 이벤트 발생:", eventDetail);
|
||||
// console.log("🚀🚀🚀 FileUpload 위젯 삭제 이벤트 발생:", eventDetail);
|
||||
|
||||
const event = new CustomEvent('globalFileStateChanged', {
|
||||
detail: eventDetail
|
||||
});
|
||||
window.dispatchEvent(event);
|
||||
|
||||
console.log("✅✅✅ FileUpload 위젯 → 화면설계 모드 동기화 이벤트 발생 완료");
|
||||
// console.log("✅✅✅ FileUpload 위젯 → 화면설계 모드 동기화 이벤트 발생 완료");
|
||||
|
||||
// 추가 지연 이벤트들
|
||||
setTimeout(() => {
|
||||
try {
|
||||
console.log("🔄 FileUpload 위젯 추가 삭제 이벤트 발생 (지연 100ms)");
|
||||
// console.log("🔄 FileUpload 위젯 추가 삭제 이벤트 발생 (지연 100ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true }
|
||||
}));
|
||||
} catch (error) {
|
||||
console.warn("FileUpload 지연 이벤트 발생 실패:", error);
|
||||
// console.warn("FileUpload 지연 이벤트 발생 실패:", error);
|
||||
}
|
||||
}, 100);
|
||||
|
||||
setTimeout(() => {
|
||||
try {
|
||||
console.log("🔄 FileUpload 위젯 추가 삭제 이벤트 발생 (지연 300ms)");
|
||||
// console.log("🔄 FileUpload 위젯 추가 삭제 이벤트 발생 (지연 300ms)");
|
||||
window.dispatchEvent(new CustomEvent('globalFileStateChanged', {
|
||||
detail: { ...eventDetail, delayed: true, attempt: 2 }
|
||||
}));
|
||||
} catch (error) {
|
||||
console.warn("FileUpload 지연 이벤트 발생 실패:", error);
|
||||
// console.warn("FileUpload 지연 이벤트 발생 실패:", error);
|
||||
}
|
||||
}, 300);
|
||||
} catch (error) {
|
||||
console.warn("FileUpload 이벤트 발생 실패:", error);
|
||||
// console.warn("FileUpload 이벤트 발생 실패:", error);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -655,9 +655,9 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
uploadedFiles: filteredFiles,
|
||||
});
|
||||
|
||||
console.log("✅ 파일 삭제 완료 (attach_file_info.status = DELETED)");
|
||||
// console.log("✅ 파일 삭제 완료 (attach_file_info.status = DELETED)");
|
||||
} catch (error) {
|
||||
console.error("파일 삭제 실패:", error);
|
||||
// console.error("파일 삭제 실패:", error);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -692,10 +692,10 @@ export function FileUpload({ component, onUpdateComponent, onFileUpload, userInf
|
|||
|
||||
if (isImage) {
|
||||
// TODO: 이미지 미리보기 모달 열기
|
||||
console.log("이미지 미리보기:", fileInfo);
|
||||
// console.log("이미지 미리보기:", fileInfo);
|
||||
} else {
|
||||
// TODO: 파일 다운로드
|
||||
console.log("파일 다운로드:", fileInfo);
|
||||
// console.log("파일 다운로드:", fileInfo);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ export const ButtonWidget: React.FC<WebTypeComponentProps> = ({
|
|||
}) => {
|
||||
const handleClick = () => {
|
||||
// 버튼 클릭 시 동작 (추후 버튼 액션 시스템과 연동)
|
||||
console.log("Button clicked:", config);
|
||||
// console.log("Button clicked:", config);
|
||||
|
||||
// onChange를 통해 클릭 이벤트 전달
|
||||
if (onChange) {
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ export const getWidgetComponentByName = (componentName: string): React.Component
|
|||
case "RatingWidget":
|
||||
return RatingWidget;
|
||||
default:
|
||||
console.warn(`알 수 없는 컴포넌트명: ${componentName}, TextWidget으로 폴백`);
|
||||
// console.warn(`알 수 없는 컴포넌트명: ${componentName}, TextWidget으로 폴백`);
|
||||
return TextWidget;
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -59,9 +59,9 @@ export const useCompanyManagement = () => {
|
|||
const data = await companyAPI.getList(searchParams);
|
||||
setCompanies(data);
|
||||
|
||||
console.log("✅ 실제 DB에서 회사 목록 조회 성공:", data.length, "개");
|
||||
// console.log("✅ 실제 DB에서 회사 목록 조회 성공:", data.length, "개");
|
||||
} catch (err) {
|
||||
console.error("❌ 회사 목록 조회 실패:", err);
|
||||
// console.error("❌ 회사 목록 조회 실패:", err);
|
||||
setError(err instanceof Error ? err.message : "회사 목록 조회에 실패했습니다.");
|
||||
setCompanies([]);
|
||||
} finally {
|
||||
|
|
@ -75,9 +75,9 @@ export const useCompanyManagement = () => {
|
|||
try {
|
||||
const data = await companyAPI.getAllDiskUsage();
|
||||
setDiskUsageInfo(data);
|
||||
console.log("✅ 디스크 사용량 조회 성공:", data.summary);
|
||||
// console.log("✅ 디스크 사용량 조회 성공:", data.summary);
|
||||
} catch (err) {
|
||||
console.error("❌ 디스크 사용량 조회 실패:", err);
|
||||
// console.error("❌ 디스크 사용량 조회 실패:", err);
|
||||
// 디스크 사용량 조회 실패는 에러로 처리하지 않음 (선택적 기능)
|
||||
} finally {
|
||||
setIsDiskUsageLoading(false);
|
||||
|
|
|
|||
|
|
@ -33,19 +33,19 @@ export async function getCompanyList(params?: { company_name?: string; status?:
|
|||
// 실제 데이터베이스에서 회사 목록 조회하는 엔드포인트 사용
|
||||
const endpoint = `/admin/companies/db${queryString ? `?${queryString}` : ""}`;
|
||||
|
||||
console.log("🔍 실제 DB에서 회사 목록 조회 API 호출:", endpoint);
|
||||
// console.log("🔍 실제 DB에서 회사 목록 조회 API 호출:", endpoint);
|
||||
|
||||
try {
|
||||
const response = await apiClient.get(endpoint);
|
||||
|
||||
if (response.data.success && response.data.data) {
|
||||
console.log("✅ 실제 DB에서 회사 목록 조회 성공:", response.data.data.length, "개");
|
||||
// console.log("✅ 실제 DB에서 회사 목록 조회 성공:", response.data.data.length, "개");
|
||||
return response.data.data;
|
||||
}
|
||||
|
||||
throw new Error(response.data.message || "회사 목록 조회에 실패했습니다.");
|
||||
} catch (error) {
|
||||
console.error("❌ 실제 DB에서 회사 목록 조회 실패:", error);
|
||||
// console.error("❌ 실제 DB에서 회사 목록 조회 실패:", error);
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
|
@ -67,16 +67,16 @@ export async function getCompanyInfo(companyCode: string): Promise<Company> {
|
|||
* 회사 등록
|
||||
*/
|
||||
export async function createCompany(formData: CompanyFormData): Promise<Company> {
|
||||
console.log("회사 등록 요청:", formData);
|
||||
// console.log("회사 등록 요청:", formData);
|
||||
|
||||
const response = await apiClient.post("/admin/companies", formData);
|
||||
|
||||
if (response.data.success && response.data.data) {
|
||||
console.log("회사 등록 완료:", {
|
||||
code: response.data.data.company_code,
|
||||
name: response.data.data.company_name,
|
||||
writer: response.data.data.writer,
|
||||
});
|
||||
// console.log("회사 등록 완료:", {
|
||||
// code: response.data.data.company_code,
|
||||
// name: response.data.data.company_name,
|
||||
// writer: response.data.data.writer,
|
||||
// });
|
||||
|
||||
return response.data.data;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue