diff --git a/src/app/components/ImgInputForm.client.tsx b/src/app/components/ImgInputForm.client.tsx
new file mode 100644
index 0000000..e2e4faa
--- /dev/null
+++ b/src/app/components/ImgInputForm.client.tsx
@@ -0,0 +1,26 @@
+'use client'
+
+import { useState } from "react"
+
+const ImgInputForm_client = () => {
+
+    const [fileName, setFileName] = useState('')
+
+    const imgInput = () => {
+
+
+    }
+
+    const confirm = () => {
+
+    }
+
+    return (
+        <>
+            <input type="file" accept="image/*"  onChange={imgInput} />
+            <input type="button" value={'확인'} onClick={confirm}/>
+        </>
+    )
+}
+
+export default ImgInputForm_client
\ No newline at end of file
diff --git a/src/app/components/ImgInputForm.server.tsx b/src/app/components/ImgInputForm.server.tsx
new file mode 100644
index 0000000..16cc65c
--- /dev/null
+++ b/src/app/components/ImgInputForm.server.tsx
@@ -0,0 +1,9 @@
+
+import { cookies } from "next/headers"
+
+const ImgInputForm_server = () => {
+    console.log('cookies :: ' + cookies.name)
+    return null
+}
+
+export default ImgInputForm_server
\ No newline at end of file
diff --git a/src/app/main/page.tsx b/src/app/main/page.tsx
new file mode 100644
index 0000000..b0780d7
--- /dev/null
+++ b/src/app/main/page.tsx
@@ -0,0 +1,17 @@
+
+import ImgInputForm_client from '../components/ImgInputForm.client'
+import ImgInputForm_server from '../components/ImgInputForm.server'
+
+const MainPage = () => {
+
+    return (
+        <>
+            <ImgInputForm_server />
+            <ImgInputForm_client />
+        </>
+
+    )
+
+}
+
+export default MainPage
\ No newline at end of file