add main

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

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

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