아따 대가리 깨지네

예시 만듬

frontend/app/page.tsx

@@ -1,17 +1,31 @@
 "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, setPerson] = useState(new main.Person());
-    const person = new main.Person();
+  const [result, setResult] = useState('Please enter your name below 👇');
-    person.age= 11;
+
-    person.name="dd";
+  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 <>
+    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 {