아따 대가리 깨지네

예시 만듬

frontend/app/page.tsx

@@ -1,33 +1,47 @@
 "use client"
-import Image from "next/image";
+
 import {Greet} from "@/wailsjs/go/main/App";
 import { main } from "@/wailsjs/go/models";
-import {useState} from "react";
+import React, {useState} from "react";
 
 export default function Home() {
-  const [result, setResult] = useState('Please enter your name below 👇')
-    const person = new main.Person();
-    person.age= 11;
-    person.name="dd";
+  const [person, setPerson] = useState(new main.Person());
+  const [result, setResult] = useState('Please enter your name below 👇');
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>, field: string) => {
+    setPerson(prevPerson => ({
+      ...prevPerson,
+      [field]: field === 'age' ? parseInt(e.target.value) : e.target.value,
+      convertValues: prevPerson.convertValues // 기존 convertValues 속성 유지
+    }));
+  };
 
   return <>
-        {result}
-      <button
-        onClick={() => {
-          try {
-            Greet(person)
-                .then(result => {
-                  setResult(result)
+    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')}/>
+    <br/>
+    <br/>
+    {result}
+    <br/>
+    <br/>
+    <button
+      onClick={() => {
+        try {
+          Greet(person)
+              .then(result => {
+                setResult(result)
 
-                })
-                .catch(err => {
-                  console.error(err)
-                })
-          } catch (err) {
-            console.error(err)
-          }
-        }}>
-      Greet
+              })
+              .catch(err => {
+                console.error(err)
+              })
+        } catch (err) {
+          console.error(err)
+        }
+      }}>
+    Greet
     </button>
   </>
 }