feat : 제출 함수 구현

app/join/step5/InputForm.tsx

@@ -4,6 +4,7 @@ import { useState } from 'react';
 import Button from '@/components/common/Button';
 import PersonalityItem from '@/components/join/PersonalityItem';
 import { personalityList } from '@/constants/personalityList';
+import useJoin from '@/store/useJoin';
 
 export default function InputForm() {
  const [selectedPersonalityList, setSelectedPersonalityList] = useState<number[]>([]);
@@ -16,6 +17,12 @@ export default function InputForm() {
  setSelectedPersonalityList([...selectedPersonalityList, id]);
  };
 
+ const { phoneNumber, school, email, name, birth, gender } = useJoin();
+
+ const handleSubmit = () => {
+ console.log(phoneNumber, school, email, name, birth, gender, selectedPersonalityList);
+ };
+
  return (
  <div>
  <section className="flex flex-wrap gap-12">
@@ -32,7 +39,11 @@ export default function InputForm() {
  </section>
 
  <section className="absolute bottom-0 w-full">
- <Button text="완료" disabled={selectedPersonalityList.length === 0} href="/login" />
+ <Button
+ text="완료"
+ disabled={selectedPersonalityList.length === 0}
+ onClick={handleSubmit}
+ />
  </section>
  </div>
  );