[Feat]피드페이지 제작 중(#10)

package.json

@@ -13,9 +13,11 @@
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.18",
     "@mui/material": "^5.14.18",
+    "axios": "^1.6.2",
     "next": "14.0.3",
     "react": "^18",
     "react-dom": "^18",
+    "recoil": "^0.7.7",
     "sass": "^1.69.5"
   },
   "devDependencies": {

src/app/feed/page.tsx

@@ -1,20 +1,30 @@
 "use client";
-import Menubar from "@/component/MenuBar"
-import WeatherBar from "@/component/WeatherBar"
+
+import FeedSearch from "@/component/FeedSearch";
+import WeatherBar from "@/component/WeatherBar";
+import FeedCategory from "@/component/FeedCategory";
+import FeedContenets from "@/component/FeedContents";
+import Menubar from "@/component/MenuBar";
+
+import { RecoilRoot } from "recoil";
+
+
 
 export default function Feed(){
 
 
 
     return(<>
-        <div className="container">
-            <div id="search"></div>
+    <RecoilRoot>
+        <div className="container_dj">
+            <FeedSearch />
+            <hr />
             <WeatherBar />
-            <div id="category"></div>
-            <div id="feed_img">
-
-            </div>
+            <FeedCategory />
+            <FeedContenets />
+            <Menubar />
 
         </div>
+    </RecoilRoot>
     </>)
 }

src/app/register/page.tsx

@@ -5,12 +5,29 @@ import { useState } from "react";
 import InputBar from "@/component/InputBar";
 import Menubar from "@/component/MenuBar";
 
+import axios from "axios";
+
+///////////////////////////해야하는 작업/////////////////////////////
+
+// 희성이형하고 같이해야함
+//1. 비밀번호 확인 기능 
+//2. 이메일 인증 전에는 데이터 전송을 해주지 않고, 이메일 전송을 통해 토큰을 받았을때만 
+// 회원가입 데이터를 전송해주는 기능
+//3. 소셜데이터 로그인 버튼과 소셜 로그인 기능 
+
+///////////////////////////////////////////////////////////////////
 export default function Register(): JSX.Element {
-  const [email, setEmail] = useState("");
-  const [name, setName] = useState("");
-  const [nickname, setNickname] = useState("");
-  const [password, setPassword] = useState("");
-  const [repassword, setRepassword] = useState("");
+  const [email, setEmail] = useState<string>("");
+  const [name, setName] = useState<string>("");
+  const [nickname, setNickname] = useState<string>("");
+  const [password, setPassword] = useState<string>("");
+  const [repassword, setRepassword] = useState<string>("");
+  console.log("========================================");
+  console.log("이메일", email);
+  console.log("이름", name);
+  console.log("닉네임", nickname);
+  console.log("비번", password);
+  console.log("비번 확인", repassword);
 
   const validateEmail = (inputValue: string) => {
     const emailFormat =
@@ -27,7 +44,39 @@ export default function Register(): JSX.Element {
     return inputValue === password;
   };
 
-  const caster_register = () => {};
+  const verify_btn = async() => {
+    console.log("Verify 버튼이 클릭되었습니다.");
+
+    const verify_email =  await axios({
+      method : "POST",
+      url : "https://www.jerneithe.site/user/profile",
+      data : email
+    });
+
+
+  }
+
+  const caster_register = async() => {
+    const req_regdata = {
+      email,
+      name,
+      nickname,
+      password,
+      repassword,  
+    }
+
+    console.log(req_regdata);
+
+    const register_data =  await axios({
+      method : "POST",
+      url : "https://www.jerneithe.site/user/signup",
+      data : req_regdata
+    });
+
+
+
+  };
+
 
   return (
     <div className="container">
@@ -50,6 +99,7 @@ export default function Register(): JSX.Element {
             button // 버튼을 사용한다고 명시
             buttonId="btn_verify"
             buttonText="인증"
+            onButtonClick={verify_btn}
             autoFocus
           />
 
@@ -94,7 +144,7 @@ export default function Register(): JSX.Element {
               onChange={(value: string) => setRepassword(value)}
             />
           </div>
-          <button id="btn_register" type="submit" onClick={caster_register}>
+          <button id="btn_register" type="button" onClick={caster_register}>
             옷늘 캐스터 등록
           </button>
         </form>