콘솔 경고 개선: React 프로덕션 전환, 자동완성 속성 추가 및 불필요한 라이브러리 경고 필터링 적용

This commit is contained in:
2026-01-04 17:18:17 +09:00
parent 1e1d390050
commit c029440396

View File

@@ -11,35 +11,40 @@
<link rel="icon" type="image/png" sizes="16x16" href="../img/favicon-16x16.png">
<link rel="shortcut icon" href="../img/favicon.png">
<!-- Fonts: Pretendard -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css" />
<!-- Console Warning Filter -->
<script>
(function() {
const originalWarn = console.warn;
const originalLog = console.log;
const originalWarn = console.warn;
const originalInfo = console.info;
const suppressPatterns = [
'cdn.tailwindcss.com should not be used in production',
'You are using the in-browser Babel transformer',
'Download the React DevTools'
'cdn.tailwindcss.com',
'in-browser Babel transformer',
'React DevTools',
'development version of React'
];
const filter = (orig) => function() {
const msg = arguments[0];
if (typeof msg === 'string' && suppressPatterns.some(p => msg.includes(p))) {
const args = Array.from(arguments);
const firstArg = args[0];
if (typeof firstArg === 'string' && suppressPatterns.some(p => firstArg.includes(p))) {
return;
}
orig.apply(console, arguments);
orig.apply(console, args);
};
console.warn = filter(originalWarn);
console.log = filter(originalLog);
console.warn = filter(originalWarn);
console.info = filter(originalInfo);
})();
</script>
<!-- Fonts: Pretendard -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css" />
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.tailwindcss.com?v=3.4.1"></script>
<script>
tailwind.config = {
theme: {
@@ -63,8 +68,8 @@
</script>
<!-- React & ReactDOM (Production Versions) -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js?v=18.2.0"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js?v=18.2.0"></script>
<!-- Babel for JSX -->
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
@@ -1520,6 +1525,8 @@
<label className="block text-xs font-black text-slate-500 uppercase tracking-wider mb-1.5 ml-1">아이디</label>
<input
type="text"
id="username"
name="username"
required
autoComplete="username"
value={memberId}
@@ -1532,6 +1539,8 @@
<label className="block text-xs font-black text-slate-500 uppercase tracking-wider mb-1.5 ml-1">비밀번호</label>
<input
type="password"
id="password"
name="password"
required
autoComplete="current-password"
value={password}