diff --git a/package.json b/package.json
index 40289bf..c19769c 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
+    "formik": "^2.4.6",
     "html5-qrcode": "^2.3.8",
     "next": "15.4.0-canary.10",
     "react": "^19.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 966572b..7ab76d0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -26,6 +26,9 @@ importers:
       dayjs:
         specifier: ^1.11.13
         version: 1.11.13
+      formik:
+        specifier: ^2.4.6
+        version: 2.4.6(react@19.1.0)
       html5-qrcode:
         specifier: ^2.3.8
         version: 2.3.8
@@ -1884,6 +1887,9 @@ packages:
   '@types/estree@1.0.7':
     resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
 
+  '@types/hoist-non-react-statics@3.3.6':
+    resolution: {integrity: sha512-lPByRJUer/iN/xa4qpyL0qmL11DqNW81iU/IG1S3uvRUq4oKagz8VCxZjiWkumgt66YT3vOdDgZ0o32sGKtCEw==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
@@ -2571,6 +2577,10 @@ packages:
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  deepmerge@2.2.1:
+    resolution: {integrity: sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==}
+    engines: {node: '>=0.10.0'}
+
   deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
@@ -2984,6 +2994,11 @@ packages:
     resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
     engines: {node: '>=12.20.0'}
 
+  formik@2.4.6:
+    resolution: {integrity: sha512-A+2EI7U7aG296q2TLGvNapDNTZp1khVt5Vk0Q/fyfSROss0V/V6+txt2aJnwEos44IxTCW/LYAi/zgWzlevj+g==}
+    peerDependencies:
+      react: '>=16.8.0'
+
   fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -3116,6 +3131,9 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hoist-non-react-statics@3.3.2:
+    resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
+
   html-escaper@2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
 
@@ -3480,6 +3498,9 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
+  lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
   lodash.debounce@4.0.8:
     resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
 
@@ -3929,6 +3950,9 @@ packages:
     peerDependencies:
       react: ^19.1.0
 
+  react-fast-compare@2.0.4:
+    resolution: {integrity: sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==}
+
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -4336,6 +4360,9 @@ packages:
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
+  tiny-warning@1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
@@ -6471,6 +6498,11 @@ snapshots:
 
   '@types/estree@1.0.7': {}
 
+  '@types/hoist-non-react-statics@3.3.6':
+    dependencies:
+      '@types/react': 19.1.4
+      hoist-non-react-statics: 3.3.2
+
   '@types/json-schema@7.0.15': {}
 
   '@types/json5@0.0.29': {}
@@ -7216,6 +7248,8 @@ snapshots:
 
   deep-is@0.1.4: {}
 
+  deepmerge@2.2.1: {}
+
   deepmerge@4.3.1: {}
 
   defaults@1.0.4:
@@ -7793,6 +7827,18 @@ snapshots:
     dependencies:
       fetch-blob: 3.2.0
 
+  formik@2.4.6(react@19.1.0):
+    dependencies:
+      '@types/hoist-non-react-statics': 3.3.6
+      deepmerge: 2.2.1
+      hoist-non-react-statics: 3.3.2
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      react: 19.1.0
+      react-fast-compare: 2.0.4
+      tiny-warning: 1.0.3
+      tslib: 2.8.1
+
   fsevents@2.3.2:
     optional: true
 
@@ -7936,6 +7982,10 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hoist-non-react-statics@3.3.2:
+    dependencies:
+      react-is: 16.13.1
+
   html-escaper@2.0.2: {}
 
   html5-qrcode@2.3.8: {}
@@ -8284,6 +8334,8 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
+  lodash-es@4.17.21: {}
+
   lodash.debounce@4.0.8: {}
 
   lodash.merge@4.6.2: {}
@@ -8748,6 +8800,8 @@ snapshots:
       react: 19.1.0
       scheduler: 0.26.0
 
+  react-fast-compare@2.0.4: {}
+
   react-is@16.13.1: {}
 
   react-is@17.0.2: {}
@@ -9262,6 +9316,8 @@ snapshots:
 
   tiny-invariant@1.3.3: {}
 
+  tiny-warning@1.0.3: {}
+
   tinybench@2.9.0: {}
 
   tinyexec@0.3.2: {}
diff --git a/src/app/(auth)/join/[type]/[step]/_components/ParentStep02.tsx b/src/app/(auth)/join/[type]/[step]/_components/ParentStep02.tsx
index 05b8657..8c592b6 100644
--- a/src/app/(auth)/join/[type]/[step]/_components/ParentStep02.tsx
+++ b/src/app/(auth)/join/[type]/[step]/_components/ParentStep02.tsx
@@ -1,171 +1,167 @@
 "use client"
 
-import { ChangeEvent, useState } from "react"
 import Picker from "react-mobile-picker"
-import { useRouter } from "next/navigation"
+
+import { useFormik } from "formik"
 
 import BoyIcon from "@/assets/character/comm/img-boy.svg"
 import GirlIcon from "@/assets/character/comm/img-girl.svg"
+import ErrorIconSvg from "@/assets/icons/common/icon-error.svg"
 import Button from "@/components/common/button/button"
 import Input from "@/components/common/input/input"
 import { useParentJoin } from "@/hooks/auth/useParentAuth"
 import { useUserStore } from "@/stores/userStore"
 
+import { ChildInfoType } from "@/types/auth"
+
 import pageStyles from "../page.module.scss"
 import styles from "./steps.module.scss"
 
-function generateNumberArray(begin: number, end: number, unit: string) {
+function generateNumberArray(begin: number, end: number) {
   const arr = []
   for (let i = begin; i <= end; i++) {
-    arr.push(`${i}${unit}`)
+    arr.push(i)
   }
   return arr
 }
 
 const ParentStep02 = () => {
-  const router = useRouter()
- 
-  const { updateUser, parent } = useUserStore()
+  const { updateParent, parent } = useUserStore()
   const { mutate } = useParentJoin()
-
- 
-  const [childInfo, setChildInfo] = useState({
-    childName: "",
-    childGender: "",
-  })
-
-  const [pickerValues, setPickerValues] = useState<{
-    childAge: string
-    childHeight: string
-    childWeight: string
-  }>({
-    childAge: "10세",
-    childHeight: "120cm",
-    childWeight: "20kg",
-  })
-
+  // #region pickerValues
   const selections = {
-    childAge: generateNumberArray(8, 19, "세"),
-    childHeight: generateNumberArray(100, 200, "cm"),
-    childWeight: generateNumberArray(20, 150, "kg"),
+    child_age: generateNumberArray(8, 19),
+    child_height: generateNumberArray(100, 200),
+    child_weight: generateNumberArray(20, 150),
   }
   // #endregion
 
-  // #region Event
-  const handleChange = (key: string, e: ChangeEvent<HTMLInputElement>) => {
-    setChildInfo((prev) => ({
-      ...prev,
-      [key]: e.target.value,
-    }))
-  }
+  // #region  Formik
+  const formik = useFormik({
+    initialValues: {
+      child_name: "",
+      child_gender: "",
+      child_age: 10,
+      child_height: 120,
+      child_weight: 20,
+    },
+    validate: (values) => {
+      const errors: Partial<ChildInfoType> = {}
 
-  const handlePickerChange = (valueMap: Record<string, string>) => {
-    setPickerValues({
-      childAge: valueMap.childAge || pickerValues.childAge,
-      childHeight: valueMap.childHeight || pickerValues.childHeight,
-      childWeight: valueMap.childWeight || pickerValues.childWeight,
-    })
-  }
+      if (!values.child_name.trim()) {
+        errors.child_name = "아이 이름은 필수입니다"
+      }
 
- 
-  const handleClickJoin = async () => {
-    const updatedChildInfo = { 
-      ...childInfo,
-      childAge: parseInt(pickerValues.childAge.replace("세", "")),
-      childHeight: parseInt(pickerValues.childHeight.replace("cm", "")),
-      childWeight: parseInt(pickerValues.childWeight.replace("kg", "")),
-    }
+      if (!values.child_gender) {
+        errors.child_gender = "성별을 선택해주세요"
+      }
 
-    updateUser(updatedChildInfo)
+      return errors
+    },
+    onSubmit: async (values: ChildInfoType) => {
+      const updatedChildInfo = {
+        ...values,
+        child_age: values.child_age,
+        child_height: values.child_height,
+        childWeight: values.child_weight,
+      }
 
-    const requestData = {
-      nickname: parent.nickname ?? "",
-      child_name: updatedChildInfo.childName,
-      child_gender: updatedChildInfo.childGender,
-      child_age: updatedChildInfo.childAge,
-      child_height: updatedChildInfo.childHeight,
-      child_weight: updatedChildInfo.childWeight,
-    }
+      updateParent(updatedChildInfo)
 
-    // // 요청 데이터 확인
-    // console.log("요청 데이터:", requestData)
+      const requestData = {
+        nickname: parent.nickname ?? "",
+        child_name: values.child_name,
+        child_gender: values.child_gender,
+        child_age: values.child_age,
+        child_height: values.child_height,
+        child_weight: values.child_weight,
+      }
 
-    // try {
-    //   await mutate(requestData)
-    // } catch (error) {
-    //   console.error("회원가입 실패:", error)
-    // }
-    // 쿠키 확인
-    console.log("현재 쿠키:", document.cookie)
+      try {
+        const response = await mutate(requestData)
+        console.log("성공 응답:", response)
+      } catch (error) {
+        // 더 자세한 에러 정보
+        console.error(error)
+      }
+    },
+  })
+  // #endregion
 
-    // 요청 데이터 타입 확인
-    console.log("요청 데이터 타입:", {
-      nickname: typeof requestData.nickname,
-      child_name: typeof requestData.child_name,
-      child_gender: typeof requestData.child_gender,
-      child_age: typeof requestData.child_age,
-      child_height: typeof requestData.child_height,
-      child_weight: typeof requestData.child_weight,
+  // #region Event
+  const handlePickerChange = (valueMap: Record<string, number>) => {
+    Object.entries(valueMap).forEach(([key, value]) => {
+      if (formik.values.hasOwnProperty(key) && value !== undefined) {
+        formik.setFieldValue(key, value)
+      }
     })
-
-    console.log("요청 데이터 값:", requestData)
-
-    try {
-      const response = await mutate(requestData)
-      console.log("성공 응답:", response)
-    } catch (error) {
-      // 더 자세한 에러 정보
-      console.error("에러 응답 데이터:", error.response?.data)
-      console.error("에러 상태 코드:", error.response?.status)
-      console.error("에러 헤더:", error.response?.headers)
-      console.error("요청 설정:", error.config)
-    }
   }
   // #endregion
 
   return (
     <>
-      <div className={styles.box__step2}>
+      <form className={styles.box__step2} onSubmit={formik.handleSubmit}>
         {/* 아이 이름 */}
         <Input
           id="childName"
+          name="child_name"
           type="text"
           inputSize="w-full"
           variant="withLabel"
           shape="border"
           label="아이 이름"
           placeholder="아이 이름 입력"
-          onChange={(e) => handleChange("childName", e)}
-          value={childInfo.childName}
+          onChange={formik.handleChange}
+          onBlur={formik.handleBlur}
+          value={formik.values.child_name}
+          state={
+            formik.errors.child_name
+              ? {
+                  type: "error",
+                  message: formik.errors.child_name,
+                }
+              : null
+          }
         />
+
         {/* 성별 */}
-        <fieldset className="input-comm">
+        <fieldset className={`input-comm ${formik.errors.child_gender ? "error" : ""}`}>
           <div className="lab-comm">
             <legend>성별</legend>
+            {!!formik.errors.child_gender && (
+              <>
+                <ErrorIconSvg />
+                <p className="lab-state">{formik.errors.child_gender}</p>
+              </>
+            )}
           </div>
 
           <label
             htmlFor="genderM"
-            className={`${styles.lab_radio} ${childInfo.childGender === "MALE" ? styles.selected : ""}`}>
+            className={`${styles.lab_radio} ${formik.values.child_gender === "MALE" ? styles.selected : ""}`}>
             <input
               id="genderM"
               type="radio"
-              name="childGender"
+              name="child_gender"
               value="MALE"
-              onChange={(e) => handleChange("childGender", e)}
+              onChange={formik.handleChange}
+              onBlur={formik.handleBlur}
+              checked={formik.values.child_gender === "MALE"}
             />
             남아
             <BoyIcon className={styles.img_gender} />
           </label>
           <label
             htmlFor="genderF"
-            className={`${styles.lab_radio} ${childInfo.childGender === "FEMALE" ? styles.selected : ""}`}>
+            className={`${styles.lab_radio} ${formik.values.child_gender === "FEMALE" ? styles.selected : ""}`}>
             <input
               id="genderF"
               type="radio"
-              name="childGender"
+              name="child_gender"
               value="FEMALE"
-              onChange={(e) => handleChange("childGender", e)}
+              onChange={formik.handleChange}
+              onBlur={formik.handleBlur}
+              checked={formik.values.child_gender === "FEMALE"}
             />
             여아
             <GirlIcon className={styles.img_gender} />
@@ -175,22 +171,24 @@ const ParentStep02 = () => {
         <div className="input-comm">
           <div className="lab-comm">
             <label htmlFor="childAge">나이</label>
+            {!!formik.errors.child_age && <p className="lab-state">{formik.errors.child_age}</p>}
           </div>
           <div className={styles.item_picker}>
             <Picker
               id="childAge"
-              value={pickerValues}
+              name="child_age"
+              value={{ child_age: formik.values.child_age }}
               onChange={handlePickerChange}
               height={133}
               itemHeight={44}
               wheelMode="natural">
-              <Picker.Column name="childAge">
-                {selections.childAge.map((item) => (
+              <Picker.Column name="child_age">
+                {selections.child_age.map((item) => (
                   <Picker.Item key={item} value={item}>
                     {({ selected }) => (
                       <div
                         className={`${styles.pickerItem} ${selected ? styles.pickerSelected : styles.pickerUnSelected}`}>
-                        {item}
+                        {item}세
                       </div>
                     )}
                   </Picker.Item>
@@ -203,22 +201,26 @@ const ParentStep02 = () => {
         <div className="input-comm">
           <div className="lab-comm">
             <label htmlFor="childHeight">키</label>
+            {!!formik.errors.child_height && (
+              <p className="lab-state">{formik.errors.child_height}</p>
+            )}
           </div>
           <div className={styles.item_picker}>
             <Picker
               id="childHeight"
-              value={pickerValues}
+              name="child_height"
+              value={{ child_height: formik.values.child_height }}
               onChange={handlePickerChange}
               height={133}
               itemHeight={44}
               wheelMode="natural">
-              <Picker.Column name="childHeight">
-                {selections.childHeight.map((item) => (
+              <Picker.Column name="child_height">
+                {selections.child_height.map((item) => (
                   <Picker.Item key={item} value={item}>
                     {({ selected }) => (
                       <div
                         className={`${styles.pickerItem} ${selected ? styles.pickerSelected : styles.pickerUnSelected}`}>
-                        {item}
+                        {item}cm
                       </div>
                     )}
                   </Picker.Item>
@@ -231,22 +233,26 @@ const ParentStep02 = () => {
         <div className="input-comm">
           <div className="lab-comm">
             <label htmlFor="childWeight">몸무게</label>
+            {!!formik.errors.child_weight && (
+              <p className="lab-state">{formik.errors.child_weight}</p>
+            )}
           </div>
           <div className={styles.item_picker}>
             <Picker
               id="childWeight"
-              value={pickerValues}
+              name="child_weight"
+              value={{ child_weight: formik.values.child_weight }}
               onChange={handlePickerChange}
               height={133}
               itemHeight={44}
               wheelMode="natural">
-              <Picker.Column name="childWeight">
-                {selections.childWeight.map((item) => (
+              <Picker.Column name="child_weight">
+                {selections.child_weight.map((item) => (
                   <Picker.Item key={item} value={item}>
                     {({ selected }) => (
                       <div
                         className={`${styles.pickerItem} ${selected ? styles.pickerSelected : styles.pickerUnSelected}`}>
-                        {item}
+                        {item}kg
                       </div>
                     )}
                   </Picker.Item>
@@ -255,14 +261,15 @@ const ParentStep02 = () => {
             </Picker>
           </div>
         </div>
-      </div>
+      </form>
       <Button
+        type="submit"
         label="다음"
         shape="rounded"
         size="large"
         variant="filled"
         classNames={pageStyles.join__content__btn}
-        onClick={handleClickJoin}
+        onClick={() => formik.handleSubmit()}
       />
     </>
   )
diff --git a/src/app/(auth)/join/qr/generate/page.module.scss b/src/app/(auth)/join/qr/generate/page.module.scss
index 0a52132..cef1300 100644
--- a/src/app/(auth)/join/qr/generate/page.module.scss
+++ b/src/app/(auth)/join/qr/generate/page.module.scss
@@ -15,6 +15,10 @@
   &__info {
     padding-top: 0.8rem;
     margin: auto 0;
+    svg {
+      display: block;
+      margin: 0 auto;
+    }
     &__txt {
       display: block;
       margin-top: 1rem;
diff --git a/src/app/(auth)/join/qr/generate/page.tsx b/src/app/(auth)/join/qr/generate/page.tsx
index 1c24c37..359660c 100644
--- a/src/app/(auth)/join/qr/generate/page.tsx
+++ b/src/app/(auth)/join/qr/generate/page.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { useState } from "react"
+import { useEffect, useState } from "react"
 import QRCode from "react-qr-code"
 import Link from "next/link"
 
@@ -9,9 +9,14 @@ import { useParentQrGenerate } from "@/hooks/auth/useParentAuth"
 import styles from "./page.module.scss"
 
 const Page = () => {
-  const [qrcode, setQrcode] = useState("1234")
+  const [qrcode, setQrcode] = useState("")
   const { data } = useParentQrGenerate()
-  console.log(data)
+
+  useEffect(() => {
+    if (data) {
+      setQrcode(data.data.code)
+    }
+  }, [data])
   return (
     <div className={styles.qrcode}>
       <h3 className={styles.qrcode__title}>
@@ -19,7 +24,7 @@ const Page = () => {
         스캔할 수 있도록 도와주세요.
       </h3>
       <div className={styles.qrcode__info} style={{ background: "white", padding: "16px" }}>
-        <QRCode value={qrcode} size={220} />
+        <QRCode value={qrcode} size={211} />
         <span
           className={styles.qrcode__info__txt}
           onClick={() => navigator.clipboard.writeText(qrcode)}>
diff --git a/src/components/common/input/input.tsx b/src/components/common/input/input.tsx
index 77d4d74..251cfaf 100644
--- a/src/components/common/input/input.tsx
+++ b/src/components/common/input/input.tsx
@@ -25,7 +25,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   variant: "withLabel" | "withoutLabel"
   shape: "border" | "underline"
   label: React.ReactNode
-  state?: InputState
+  state?: InputState | null
   disabled?: boolean
   customBtn?: CustomBtn
 }
@@ -43,7 +43,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
             {state?.type === "error" && <ErrorIconSvg />}
             {state?.type === "success" && <SuccessIconSvg />}
           </label>
-          {state?.message && <p className="lab-state">{state?.message}</p>}
+          {!!state?.message && <p className="lab-state">{state?.message}</p>}
         </div>
         <div className="inp-comm">
           <input
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index 560f759..39128ce 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -6,11 +6,11 @@ import styles from "./Layout.module.scss"
 
 const cx = classNames.bind(styles)
 
-const Layout = ({children}:React.ReactNode) => {
-  return (
-    <div className={cx("layout")}>
-      {children}
-    </div>
-  )
+interface LayoutProps {
+  children: React.ReactNode
 }
-export default Layout;
\ No newline at end of file
+
+const Layout = ({ children }: LayoutProps) => {
+  return <div className={cx("layout")}>{children}</div>
+}
+export default Layout
diff --git a/src/lib/constants/errors.ts b/src/lib/constants/errors.ts
new file mode 100644
index 0000000..2b2aefe
--- /dev/null
+++ b/src/lib/constants/errors.ts
@@ -0,0 +1,9 @@
+export const formikMsg = {
+  error: {
+    child: "아이 이름을 입력해주세요.",
+    gender: "성별을 선택해주세요.",
+    age: "나이를 선택해주세요.",
+    height: "아이 신장을 선택해주세요.",
+    weight: "아이 몸무게를 선택해주세요.",
+  },
+}
diff --git a/src/stores/userStore.ts b/src/stores/userStore.ts
index 29d626e..8c86f36 100644
--- a/src/stores/userStore.ts
+++ b/src/stores/userStore.ts
@@ -1,13 +1,7 @@
 import { create } from "zustand"
 
-type ParentRegisterType = {
-  nickname: string
-  childName: string
-  childGender: string
-  childAge: number
-  childHeight: number
-  childWeight: number
-}
+import { ParentJoinRequestType } from "@/types/auth"
+
 type ChildRegisterType = {
   parentQRCode: string
   childId: string
@@ -16,20 +10,20 @@ type ChildRegisterType = {
 }
 
 type userStoreType = {
-  parent: Partial<ParentRegisterType>
+  parent: Partial<ParentJoinRequestType>
   child: Partial<ChildRegisterType>
-  updateParent: (newData: Partial<ParentRegisterType>) => void
+  updateParent: (newData: Partial<ParentJoinRequestType>) => void
   updateChild: (newData: Partial<ChildRegisterType>) => void
 }
 
 export const useUserStore = create<userStoreType>((set) => ({
   parent: {
     nickname: "",
-    childName: "",
-    childGender: "",
-    childAge: 0,
-    childHeight: 0,
-    childWeight: 0,
+    child_name: "",
+    child_gender: "",
+    child_age: 0,
+    child_height: 0,
+    child_weight: 0,
   },
   child: {
     parentQRCode: "",
@@ -37,7 +31,7 @@ export const useUserStore = create<userStoreType>((set) => ({
     childPw: "",
     nickname: "",
   },
-  updateParent: (newData: Partial<ParentRegisterType>) =>
+  updateParent: (newData: Partial<ParentJoinRequestType>) =>
     set((state) => ({
       ...state,
       parent: { ...state.parent, ...newData },
diff --git a/src/types/auth.ts b/src/types/auth.ts
index 5196da8..db8d62e 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -1,8 +1,11 @@
-export type ParentJoinRequestType = {
+export type NicknameType = {
   nickname: string
+}
+export type ChildInfoType = {
   child_name: string
   child_gender: string
   child_age: number
   child_height: number
   child_weight: number
 }
+export type ParentJoinRequestType = NicknameType & ChildInfoType