d

frontend/app/globals.css

@@ -12,6 +12,20 @@
     --background: #0a0a0a;
     --foreground: #ededed;
   }
+
+  input {
+    background-color: #222; /* 입력 필드 배경 어두운 회색 */
+    color: #fff; /* 입력 필드 텍스트 흰색 */
+    border: 1px solid #444; /* 테두리 어두운 회색 */
+    padding: 5px;
+    border-radius: 4px; /* 둥근 모서리 */
+  }
+
+  /* 입력 필드 포커스 시 스타일 */
+  input:focus {
+    outline: none;
+    border-color: #555; /* 포커스 시 테두리 색상 변경 */
+  }
 }
 
 body {

frontend/app/page.tsx

@@ -22,7 +22,7 @@ export default function Home() {
   };
 
   return <>
-    name : <input type="text" autoComplete="off" value={person.name} onChange={e => handleInputChange(e, 'name')}/>
+    name : <input type="text" autoComplete="off"  value={person.name} onChange={e => handleInputChange(e, 'name')}/>
     <br/>
     <br/>
     age : <input type="number" autoComplete="off" value={person.age} onChange={e => handleInputChange(e, 'age')}/>
@@ -37,7 +37,6 @@ export default function Home() {
           Greet(person)
               .then(result => {
                 setResult(result)
-
               })
               .catch(err => {
                 console.error(err)