New1

front/app/login/page.tsx

@@ -12,9 +12,6 @@ export default function Component() {
 
   const handleLogin = (event) => {
     event.preventDefault();
-    // 로그인 로직을 여기에 추가할 수 있습니다.
-    // 예: 서버에 로그인 요청 보내기
-    // 로그인 성공 시 홈 화면으로 이동
     router.push("/");
   };
 
@@ -28,11 +25,11 @@ export default function Component() {
               <form onSubmit={handleLogin} className="space-y-4 w-full">
                 <div className="space-y-2 w-full">
                   <Label htmlFor="username">아이디</Label>
-                  <Input id="username" placeholder="아이디를 입력하세요" required type="text" className="w-full" /> {/* w-full 클래스 추가 */}
+                  <Input id="username" placeholder="아이디를 입력하세요." required type="text" className="w-full" /> {/* w-full 클래스 추가 */}
                 </div>
                 <div className="space-y-2 w-full">
                   <Label htmlFor="password">비밀번호</Label>
-                  <Input id="password"placeholder="비밀번호를 입력하세요"required type="password" className="w-full" /> {/* w-full 클래스 추가 */}
+                  <Input id="password"placeholder="비밀번호를 입력하세요."required type="password" className="w-full" /> {/* w-full 클래스 추가 */}
                 </div>
                 <CardFooter className="w-full">
                   <Button type="submit" className="w-full">로그인</Button>

front/app/member/[id]/page.tsx

@@ -1,44 +1,44 @@
+//app/member/[id]/page.tsx
+
 "use client";
 
-import { useRouter } from 'next/router';
+import { useParams } from 'next/navigation';
 import { useEffect, useState } from 'react';
 
-const MemberDetails = () => {
-  const router = useRouter();
-  const { id } = router.query;
-  const [member, setMember] = useState(null);
+const MemberDetailPage = () => {
+  const { id } = useParams();
+  const [memberData, setMemberData] = useState(null);
 
   useEffect(() => {
-    if (id) {
-      const fetchMemberData = async () => {
-        try {
-          const res = await fetch(`/api/members/${id}`);
-          if (!res.ok) {
-            throw new Error('Network response was not ok');
-          }
-          const data = await res.json();
-          setMember(data);
-        } catch (error) {
-          console.error('Error fetching member data:', error);
-        }
-      };
+    const fetchMemberData = async () => {
+      try {
+        const response = await fetch(`/api/members/${id}`);
+        const data = await response.json();
+        setMemberData(data);
+      } catch (error) {
+        console.error('Error fetching member data:', error);
+      }
+    };
 
+    if (id) {
       fetchMemberData();
     }
   }, [id]);
 
-  if (!member) {
+  if (!memberData) {
     return <div>Loading...</div>;
   }
 
   return (
     <div>
-      <h1>{member.name}</h1>
-      <p>Party: {member.party}</p>
-      <p>Constituency: {member.constituency}</p>
-      <p>Terms: {member.terms}</p>
+      <h1>{memberData.name}</h1>
+      <p>Party: {memberData.party}</p>
+      <p>Constituency: {memberData.constituency}</p>
+      <p>Gender: {memberData.gender}</p>
+      <p>Term: {memberData.term}</p>
+      {/* 다른 정보도 여기에 추가 가능 */}
     </div>
   );
 };
 
-export default MemberDetails;
+export default MemberDetailPage;

front/app/signup/page.tsx

@@ -31,20 +31,20 @@ export default function Component() {
             </div>
             <form onSubmit={handleSubmit} className="space-y-4 w-full">
               <div className="space-y-2 w-full">
-                <Label htmlFor="username">닉네임</Label>
-                <Input id="username" placeholder="닉네임을 입력하시오" required />
+                <Label htmlFor="username">ID</Label>
+                <Input id="username" placeholder="아이디를 입력하시오." required />
               </div>
               <div className="space-y-2 w-full">
                 <Label htmlFor="email">이메일</Label>
-                <Input id="email" placeholder="이메일을 입력하시오" required type="email" />
+                <Input id="email" placeholder="이메일을 입력하시오." required type="email" />
               </div>
               <div className="space-y-2 w-full">
                 <Label htmlFor="password">비밀번호</Label>
-                <Input id="password" placeholder="비밀번호를 입력하시오" required type="password" />
+                <Input id="password" placeholder="비밀번호를 입력하시오." required type="password" />
               </div>
               <div className="space-y-2 w-full">
                 <Label htmlFor="confirm-password">비밀번호 확인</Label>
-                <Input id="confirm-password" placeholder="동일한 비밀번호를 다시 입력하시오" required type="password" />
+                <Input id="confirm-password" placeholder="동일한 비밀번호를 다시 입력하시오." required type="password" />
               </div>
               <Button className="w-full" type="submit">
                 회원가입