diff --git a/frontend/src/Pages/myslide.tsx b/frontend/src/Pages/myslide.tsx
index cb1e0bac83439c8f217adbe8fd0a031d1b9dd1b0..78b32ec643748024868d4738be7aced32328cef2 100644
--- a/frontend/src/Pages/myslide.tsx
+++ b/frontend/src/Pages/myslide.tsx
@@ -48,7 +48,7 @@ export function MySlide({ slides}: num) {
                 {slides.slice(page - 1, page + 2).map((slide) => (
                     <div key={Math.random()} className="min-w-full"
                     >
-                        <div key={slide} className={`inline-grid grid-cols-2 ${style}`}>
+                        <div key={slide} className={`inline-grid grid-cols-2 ${style} min-w-full`}>
                             {slide}
                         </div>
                     </div>
diff --git a/frontend/src/auth/login.tsx b/frontend/src/auth/login.tsx
index c5c3eed0b4e897187d9944e53ef31bc040c9fe4c..3374530e0eceaaf3d5b16224d71e320555d26c47 100644
--- a/frontend/src/auth/login.tsx
+++ b/frontend/src/auth/login.tsx
@@ -35,11 +35,9 @@ export default function Login() {
 
       setLoading(true);
       await login(user.email, user.password, () => {
-        if (user.email == "admin@korea.ac.kr" && user.password == "111111") {
-          navigate("/admin", { replace: true });
-        } else {
-          navigate("/", { replace: true });
-        }
+
+        navigate("/", { replace: true });
+
       });
       // console.log("서버연결됬나요", res);
       // console.log("로그인");
diff --git a/frontend/src/auth/profile.tsx b/frontend/src/auth/profile.tsx
index ccf4863063b543da3ee1a006aeca7b91d32a89f9..07ef7af519ce18d0b40bbbdf29d49348a6f83792 100644
--- a/frontend/src/auth/profile.tsx
+++ b/frontend/src/auth/profile.tsx
@@ -59,7 +59,7 @@ export default function Profile() {
       const user: Profile = await profileApi.profile();
       console.log("user in effect", user);
       setEmail(user.email);
-      setAvatarUrl(user.avatar?.newfilename);
+      setAvatarUrl(user.fileInfo?.newfilename);
       setProfile({ ...profile, name: user.name });
     };
     getProfile();
diff --git a/frontend/src/auth/signup.tsx b/frontend/src/auth/signup.tsx
index c08d1907c92d431cb3e1c3af8737b7db26acad6b..570734852b02e2f218a8e4ed64b9fec597c13c39 100644
--- a/frontend/src/auth/signup.tsx
+++ b/frontend/src/auth/signup.tsx
@@ -77,12 +77,12 @@ export default function Signup() {
         <div className="flex flex-col ">
           <div className="border-0 border-y-2 border-black">
             <div className="h-16 flex ">
-              <div className="whitespace-nowrap grid place-items-center basis-1/5 shrink-0 border-0 border-r-2">
+              <div className="whitespace-nowrap grid place-items-center w-32 lg:basis-1/5 shrink-0 border-0 border-r-2">
                 이름
               </div>
-              <div className="grid place-items-center mx-5">
+              <div className="flex items-center mx-5">
                 <input
-                  className="h-10 basis-1/5 border-2 focus:border-black"
+                  className="h-10 w-4/5 lg:w-60 border-2 focus:border-black"
                   type="text"
                   name="name"
                   onChange={handleChange}
@@ -90,12 +90,12 @@ export default function Signup() {
               </div>
             </div>
             <div className="h-16 flex border-0 border-t-2">
-              <div className="whitespace-nowrap grid place-items-center basis-1/5 shrink-0 border-0 border-r-2">
+              <div className="whitespace-nowrap grid place-items-center w-32 lg:basis-1/5 shrink-0 border-0 border-r-2">
                 이메일
               </div>
-              <div className="grid place-items-center mx-5">
+              <div className="flex items-center mx-5">
                 <input
-                  className=" grid place-items-center h-10 basis-1/5 border-2 focus:border-black"
+                  className=" w-4/5 h-10 lg:w-60  border-2 focus:border-black"
                   type="email"
                   name="email"
                   onChange={handleChange}
@@ -103,12 +103,12 @@ export default function Signup() {
               </div>
             </div>
             <div className="h-16 flex border-0 border-t-2">
-              <div className="whitespace-nowrap grid place-items-center basis-1/5 shrink-0 border-0 border-r-2">
+              <div className="whitespace-nowrap grid place-items-center w-32 lg:basis-1/5 shrink-0 border-0 border-r-2">
                 비밀번호
               </div>
-              <div className="grid place-items-center  mx-5">
+              <div className="flex items-center  mx-5">
                 <input
-                  className="grid place-items-center h-10 basis-1/5 border-2 focus:border-black"
+                  className="w-4/5 h-10  lg:w-60  border-2 focus:border-black"
                   type="password"
                   name="password"
                   onChange={handleChange}
@@ -117,13 +117,13 @@ export default function Signup() {
             </div>
 
             <div className="h-16 flex border-0 border-t-2">
-              <div className="whitespace-nowrap grid place-items-center basis-1/5 shrink-0 border-0 border-r-2">
+              <div className="whitespace-nowrap grid place-items-center w-32 lg:basis-1/5 shrink-0 border-0 border-r-2">
                 비밀번호 확인
               </div>
 
-              <div className="grid place-items-center mx-5">
+              <div className="flex items-center mx-5">
                 <input
-                  className="grid place-items-center h-10 basis-1/5 border-2 focus:border-black"
+                  className="w-4/5 h-10 lg:w-60  border-2 focus:border-black"
                   type="password"
                   name="password2"
                   onChange={handleChange}
diff --git a/frontend/src/board/board.tsx b/frontend/src/board/board.tsx
index 2f1c7865c5b3bb0321e2e4f787ef6440809da97f..220795345d0494901dbe45d83de4c6185b44ea40 100644
--- a/frontend/src/board/board.tsx
+++ b/frontend/src/board/board.tsx
@@ -1,24 +1,43 @@
 import React, { useState, MouseEvent, useEffect } from "react";
-import { Link } from "react-router-dom";
+import { Link, useLocation, useNavigate } from "react-router-dom";
 import { PostType } from "../types";
 import Post from "../post/post";
 import { postApi } from "../apis";
+import { useAuth } from "../auth/auth.context";
 
 interface Posts {
   posts: PostType[];
 }
 
+interface Newpost {
+  state: PostType;
+}
+
 export default function BoardPage() {
   const [posts, setPosts] = useState<PostType[]>();
+  const location = useLocation() as Newpost;
+  const newPost = location.state;
+  const navigate = useNavigate();
+  const { user } = useAuth();
+
+  console.log("get newPost Info", newPost);
+
+  const setNewPosts = (newpost: PostType) => {
+    const postArr = posts?.splice(-1, 0, newPost);
+    if (!(postArr === undefined)) {
+      setPosts(postArr);
+    }
+  };
 
   useEffect(() => {
     getDataList();
+    setNewPosts(newPost);
   }, []);
 
   // posts
   const getDataList = async () => {
     const res = await postApi.getData();
-    setPosts(res);
+    setPosts(res); //posts = res
   };
 
   const titleHandleClick = async (event: MouseEvent<HTMLButtonElement>) => {
@@ -36,29 +55,37 @@ export default function BoardPage() {
     }
   };
 
+  const GoLogin = async (event: React.MouseEvent) => {
+    if (!user.isLoggedIn) {
+      alert("로그인이 필요합니다.");
+      navigate("/login", { replace: true });
+    }
+  };
+
   return (
     <div className="flex flex-col ">
       <div className="flex flex-col  mt-6">
-        <div className="text-2xl">자유 게시판</div>
-        <div className="text-sm mt-5">여행지 후기를 남겨주세요!</div>
+        <div className="text-2xl whitespace-nowrap">자유 게시판</div>
+        <div className="text-sm mt-5 whitespace-nowrap">
+          여행지 후기를 남겨주세요!
+        </div>
       </div>
 
       <div className="flex flex-col w-full mt-16">
         <div className="flex justify-end">
-          <div className="border-2 border-blue-500 rounded mb-2">
-            <Link to="/posting">
-              <button>글쓰기</button>
-            </Link>
-          </div>{" "}
-          {/* Link */}
+          <div className="border-2 border-blue-500 rounded mb-2 whitespace-nowrap">
+            <button onClick={GoLogin}>
+              <Link to="/posting">글쓰기</Link>
+            </button>
+          </div>
         </div>
         <div className="sm:overflow-y-auto">
-          <div className="flex place-items-center divide-x-2 border-2 border-solid border-y-2 h-10 bg-gradient-to-r from-cyan-500 to-blue-500 ">
+          <div className="whitespace-nowrap flex place-items-center divide-x-2 border-2 border-solid border-y-2 h-10 bg-gradient-to-r from-cyan-500 to-blue-500 ">
             <div className="basis-full">제목</div>
             <div className="basis-3/12">게시 날짜</div>
             <div className="basis-2/12">조회수</div>
           </div>
-          <div className="">
+          <div className="whitespace-nowrap">
             {posts?.map((post, i) => (
               <Post key={i} post={post} handleClick={titleHandleClick} />
             ))}
diff --git a/frontend/src/home/body.tsx b/frontend/src/home/body.tsx
index a3be100083d390a158592ba35bf0ad4a5a2ef1f9..55ad8aa2246ca85f6dcc491a11d47802e072b8d5 100644
--- a/frontend/src/home/body.tsx
+++ b/frontend/src/home/body.tsx
@@ -21,10 +21,10 @@ export default function Body() {
     imgsData();
   }, []);
 
-  useEffect(() => {
-    console.log(searchParams.get("theme"), searchParams.get("city"));
-    setSearchParams(searchParams);
-  }, []);
+  // useEffect(() => {
+  //   console.log(searchParams.get("theme"), searchParams.get("city"));
+  //   setSearchParams(searchParams);
+  // }, []);
 
   const themeHandleClick = (event: MouseEvent<HTMLButtonElement>) => {
     console.log(`theme id= ${event.currentTarget.id}`);
@@ -65,16 +65,16 @@ export default function Body() {
       Idpics.slice(i * limit, i * limit + limit).map(
         (picture, index: number) => (
           <div
-            className={`m-1 shrink-0 rounded shadow-md h-45 relative overflow-hidden`}
+            className={`m-1 shrink-0 rounded shadow-md h-50 relative overflow-hidden`}
             key={index}
           >
             <img
               src={
                 "http://localhost:3000/images/" + picture.fileInfo.newfilename
               }
-              className="w-full h-40 object-cover hover:scale-110 transition duration-0 hover:duration-500"
+              className="w-full h-48 object-cover hover:scale-110 transition duration-0 hover:duration-500"
             />
-            <div className="bg-transparent text-neutral-50 text-xs rounded-full absolute bottom-0 ml-1 mb-1 hover:scale-110 transition duration-0 hover:duration-500">
+            <div className="bg-transparent text-neutral-50 text-xs md:text-lg rounded-full absolute bottom-0 ml-1 mb-1 hover:scale-110 transition duration-0 hover:duration-500">
               <span>{picture.title}</span>
             </div>
           </div>
diff --git a/frontend/src/home/header.tsx b/frontend/src/home/header.tsx
index ff3c9c08dcec4f89921e3476ab8c0c33b771608f..f0be7f926c27b2b5a2763c2af55607c40c5f003a 100644
--- a/frontend/src/home/header.tsx
+++ b/frontend/src/home/header.tsx
@@ -14,20 +14,20 @@ export default function Header() {
   };
 
   return (
-    <div className="flex flex-col lg:px-56 ">
+    <div className="flex flex-col md:px-56 ">
       <div className="flex flex-col-reverse pt-3 pb-12 border-b-2 border-sky-200 bg-gradient-to-t from-sky-200">
         <div className="flex mt-5 justify-between pr-3">
-          <button className="ml-3 shrink-0 text-2xl">
+          <button className="ml-3 shrink-0  md:text-2xl">
             <Link to="/" className="hover:text-sky-300 active:text-purple-500">
               Travel Report
             </Link>
           </button>
           <div className="flex h-12">
             <input
-              className="ml-10 focus:outline-none focus:border-y-4 focus:border-l-4 focus:border-sky-500 w-20 w-40 md:w-4/5 border-y-4 border-l-4 border-sky-300 pl-9 rounded-l-full focus:border-0"
+              className="ml-10 focus:outline-none focus:border-y-4 focus:border-l-4 focus:border-sky-500 w-3/5 md:w-4/5 border-y-4 border-l-4 border-sky-300 pl-9 rounded-l-full focus:border-0"
               onChange={handleChange}
             />
-            <button className="shrink-0 bg-white border-y-4  border-r-4 border-sky-500 rounded-r-full pr-4">
+            <button className="whitespace-nowrap bg-white border-y-4  border-r-4 border-sky-500 rounded-r-full pr-4">
               검색
             </button>
           </div>
diff --git a/frontend/src/home/theme.tsx b/frontend/src/home/theme.tsx
index 1b70b00b1422d5577092b8ca3bbfab542c8638d3..058ed3915f5095f5ca7bcee28fca5d3d348add08 100644
--- a/frontend/src/home/theme.tsx
+++ b/frontend/src/home/theme.tsx
@@ -1,89 +1,120 @@
-import React, { MouseEventHandler } from "react";
+import React, { MouseEventHandler, useState } from "react";
 
 type ThemeProps = {
   handleClick: MouseEventHandler;
 };
 
 export default function Theme({ handleClick }: ThemeProps) {
+  const [active, setActive] = useState(0);
+
+  const onactive = "whitespace-nowrap px-5 text-sky-300 ";
+  const offactive = "whitespace-nowrap px-5 ";
+
+  const clickActive = (a: number) => {
+    setActive(a);
+  };
+
   return (
-    <div className="overflow-x-auto flex rounded md:justify-center py-2 border-b-2 divide-x-2">
-      <button
-        id={"surfing"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300 "
-      >
-        서핑
-      </button>
-      <button
-        id={"activity"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        액티비티
-      </button>
-      <button
-        id={"camping"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300 "
-      >
-        캠핑
-      </button>
-      <button
-        id={"skiing"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        스키
-      </button>
-      <button
-        id={"boat"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        보트
-      </button>
-      <button
-        id={"desert"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        사막
-      </button>
-      <button
-        id={"golf"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        골프
-      </button>
-      <button
-        id={"cave"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        동굴
-      </button>
-      <button
-        id={"history"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        문화재
-      </button>
-      <button
-        id={"zoo"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        동물원
-      </button>
-      <button
-        id={"cycling"}
-        onClick={handleClick}
-        className="shrink-0 px-5 hover:text-sky-300"
-      >
-        사이클링
-      </button>
+    <div className="overflow-x-auto flex rounded py-2 md:p-2 border-b-2 divide-x-2">
+      <div onClick={() => clickActive(1)}>
+        <button
+          id={"surfing"}
+          onClick={handleClick}
+          className={active === 1 ? onactive : offactive}
+        >
+          서핑
+        </button>
+      </div>
+      <div onClick={() => clickActive(2)}>
+        <button
+          id={"activity"}
+          onClick={handleClick}
+          className={active === 2 ? onactive : offactive}
+        >
+          액티비티
+        </button>
+      </div>
+      <div onClick={() => clickActive(3)}>
+        <button
+          id={"camping"}
+          onClick={handleClick}
+          className={active === 3 ? onactive : offactive}
+        >
+          캠핑
+        </button>
+      </div>
+      <div onClick={() => clickActive(4)}>
+        <button
+          id={"skiing"}
+          onClick={handleClick}
+          className={active === 4 ? onactive : offactive}
+        >
+          스키
+        </button>
+      </div>
+      <div onClick={() => clickActive(5)}>
+        <button
+          id={"boat"}
+          onClick={handleClick}
+          className={active === 5 ? onactive : offactive}
+        >
+          보트
+        </button>
+      </div>
+      <div onClick={() => clickActive(6)}>
+        <button
+          id={"desert"}
+          onClick={handleClick}
+          className={active === 6 ? onactive : offactive}
+        >
+          사막
+        </button>
+      </div>
+      <div onClick={() => clickActive(7)}>
+        <button
+          id={"golf"}
+          onClick={handleClick}
+          className={active === 7 ? onactive : offactive}
+        >
+          골프
+        </button>
+      </div>
+      <div onClick={() => clickActive(8)}>
+        <button
+          id={"cave"}
+          onClick={handleClick}
+          className={active === 8 ? onactive : offactive}
+        >
+          동굴
+        </button>
+      </div>
+      <div onClick={() => clickActive(9)}>
+        <button
+          id={"history"}
+          onClick={handleClick}
+          className={active === 9 ? onactive : offactive}
+        >
+          문화재
+        </button>
+      </div>
+      <div onClick={() => clickActive(10)}>
+        <button
+          id={"zoo"}
+          onClick={handleClick}
+          className={active === 10 ? onactive : offactive}
+        >
+          동물원
+        </button>
+      </div>
+      <div onClick={() => clickActive(11)}>
+        <button
+          id={"cycling"}
+          onClick={handleClick}
+          className={active === 11 ? onactive : offactive}
+        >
+          사이클링
+        </button>
+      </div>
     </div>
   );
 }
diff --git a/frontend/src/pages/citylist.tsx b/frontend/src/pages/citylist.tsx
index a6fa3de76f845f0c3d986759106542e28f1e94d0..7f498db54a301099f1b5df42b8b8e123bd9110c6 100644
--- a/frontend/src/pages/citylist.tsx
+++ b/frontend/src/pages/citylist.tsx
@@ -1,86 +1,114 @@
-import React, { MouseEventHandler } from "react";
+import React, { MouseEventHandler, useState } from "react";
 
 type CityProps = {
   handleClick: MouseEventHandler;
 };
 
 export default function Citylist({ handleClick }: CityProps) {
+  const [active, setActive] = useState(0);
+
+  const onactive = "text-start  px-5 py-2 underline whitespace-nowrap";
+  const offactive = "text-start  px-5 py-2 whitespace-nowrap";
+
+  const clickActive = (a: number) => {
+    setActive(a);
+  };
+
   return (
     <div className="overflow-auto w-full  flex flex-row md:flex-col md:mr-24 bg-sky-100">
       <div className="text-start px-5 py-2 bg-white whitespace-nowrap">
         도시
       </div>
-      <button
-        id={"Seoul"}
-        onClick={handleClick}
-        className="text-start  px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        서울
-      </button>
-      <button
-        id={"Busan"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        부산
-      </button>
-      <button
-        id={"Incheon"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        인천
-      </button>
-      <button
-        id={"Daegoo"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        대구
-      </button>
-      <button
-        id={"Gwangjoo"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        광주
-      </button>
-      <button
-        id={"Daejeon"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        대전
-      </button>
-      <button
-        id={"Woolsan"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        울산
-      </button>
-      <button
-        id={"Sejong"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        세종
-      </button>
-      <button
-        id={"Dokdo"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        독도
-      </button>
-      <button
-        id={"Jeju"}
-        onClick={handleClick}
-        className="text-start px-5 py-2 hover:underline whitespace-nowrap"
-      >
-        제주
-      </button>
-      {/* citylist */}
+      <div onClick={() => clickActive(1)}>
+        <button
+          id={"Seoul"}
+          onClick={handleClick}
+          className={active === 1 ? onactive : offactive}
+        >
+          서울
+        </button>
+      </div>
+      <div onClick={() => clickActive(2)}>
+        <button
+          id={"Busan"}
+          onClick={handleClick}
+          className={active === 2 ? onactive : offactive}
+        >
+          부산
+        </button>
+      </div>
+      <div onClick={() => clickActive(3)}>
+        <button
+          id={"Incheon"}
+          onClick={handleClick}
+          className={active === 3 ? onactive : offactive}
+        >
+          인천
+        </button>
+      </div>
+      <div onClick={() => clickActive(4)}>
+        <button
+          id={"Daegoo"}
+          onClick={handleClick}
+          className={active === 4 ? onactive : offactive}
+        >
+          대구
+        </button>
+      </div>
+      <div onClick={() => clickActive(5)}>
+        <button
+          id={"Gwangjoo"}
+          onClick={handleClick}
+          className={active === 5 ? onactive : offactive}
+        >
+          광주
+        </button>
+      </div>
+      <div onClick={() => clickActive(6)}>
+        <button
+          id={"Daejeon"}
+          onClick={handleClick}
+          className={active === 6 ? onactive : offactive}
+        >
+          대전
+        </button>
+      </div>
+      <div onClick={() => clickActive(7)}>
+        <button
+          id={"Woolsan"}
+          onClick={handleClick}
+          className={active === 7 ? onactive : offactive}
+        >
+          울산
+        </button>
+      </div>
+      <div onClick={() => clickActive(8)}>
+        <button
+          id={"Sejong"}
+          onClick={handleClick}
+          className={active === 8 ? onactive : offactive}
+        >
+          세종
+        </button>
+      </div>
+      <div onClick={() => clickActive(9)}>
+        <button
+          id={"Dokdo"}
+          onClick={handleClick}
+          className={active === 9 ? onactive : offactive}
+        >
+          독도
+        </button>
+      </div>
+      <div onClick={() => clickActive(10)}>
+        <button
+          id={"Jeju"}
+          onClick={handleClick}
+          className={active === 10 ? onactive : offactive}
+        >
+          제주
+        </button>
+      </div>
     </div>
     // Citylist Page
   );
diff --git a/frontend/src/post/editpost.tsx b/frontend/src/post/editpost.tsx
index f800f2875e8b3f3574320635431d7261b9ef954b..411f68ae29211d2c736e2fd3543cbbb7e727e946 100644
--- a/frontend/src/post/editpost.tsx
+++ b/frontend/src/post/editpost.tsx
@@ -1,25 +1,24 @@
-import React, { FormEvent, useState, useEffect } from "react";
-import { useNavigate, useLocation } from "react-router-dom";
+import React, { FormEvent, MouseEventHandler, useState } from "react";
+import { useNavigate, useLocation, Link } from "react-router-dom";
 import isLength from "validator/lib/isLength";
 import equals from "validator/lib/equals";
 import { catchErrors } from "../helpers";
 import { PostType } from "../types";
 import { postApi } from "../apis";
 import { PostState } from "./intopost";
-import { FileType } from "./intopost";
 
 export function EditPost() {
-  const [city, setCity] = useState<string>("city");
-  const [theme, setTheme] = useState<string>("theme");
+  const location = useLocation() as PostState;
+  const post = location.state;
+
+  const [city, setCity] = useState<string>(post.city);
+  const [theme, setTheme] = useState<string>(post.theme);
   const [title, setTitle] = useState<string>("");
   const [text, setText] = useState<string>("");
   const [file, setFile] = useState<FileList>();
   const [imgSrc, setImgSrc] = useState<string[]>();
-  const [filesList, setFilesList] = useState<FileType[]>();
+  const [change, setChange] = useState<boolean>(false);
   const navigate = useNavigate();
-  const location = useLocation() as PostState;
-
-  const post = location.state;
 
   const [user, setUser] = useState<PostType>({
     title: post.title,
@@ -30,6 +29,7 @@ export function EditPost() {
     user: post.user,
     counts: post.counts,
     _id: post._id,
+    file: post.file,
   });
 
   const [loading, setLoading] = useState(false);
@@ -37,24 +37,17 @@ export function EditPost() {
   const [disabled, setDisabled] = useState(false);
   const [success, setSuccess] = useState(false);
 
-  useEffect(() => {
-    getFilesList(post._id);
-  }, []);
-
-  const getFilesList = async (postId: string) => {
-    const res = await postApi.getFileByPostId(postId);
-    setFilesList(res);
-  };
-
   const imgArr = new Array();
 
-  const updateImg2Db = async (filelist: FileList) => {
+  // console.log("post.file", post.file);
+
+  const updateImg2Db = async (filelist: FileList | undefined) => {
     const formdata = new FormData();
     formdata.append("title", user.title);
     formdata.append("text", user.text);
     formdata.append("theme", user.theme);
     formdata.append("city", user.city);
-    if (filelist === undefined || filelist === null) {
+    if (filelist === undefined) {
       const res = await postApi.updateImgAndPost(user._id, formdata);
     } else {
       for (var i = 0; i < filelist.length; i++) {
@@ -69,14 +62,12 @@ export function EditPost() {
     try {
       if (confirm("게시물을 수정하시겠습니까?") == true) {
         setError("");
-        // console.log("user data", user);
         if (postingFormMatch(user) === true) {
           setLoading(true);
-          if (file) {
-            const res = updateImg2Db(file);
-            // console.log(res);
-          }
-          navigate("/board", { replace: true });
+
+          const updateRes = await updateImg2Db(file);
+          navigate("/board", { replace: true, state: updateRes });
+
           setSuccess(true);
           setError("");
         }
@@ -92,9 +83,12 @@ export function EditPost() {
   }
 
   const handleInputPic = async (event: React.ChangeEvent<HTMLInputElement>) => {
+    setChange(true);
     const maxImg = 10;
     const { files } = event.target;
 
+    // console.log("update file", files);
+
     if (!(files === null)) {
       setFile(files);
     }
@@ -118,18 +112,18 @@ export function EditPost() {
 
   function postingFormMatch(user: PostType) {
     if (!isLength(user.title ?? "", { min: 1 })) {
-      setError("제목을 입력해 주세요.");
       alert("제목을 입력해 주세요.");
+      setError("제목을 입력해 주세요.");
       return false;
     } else if (!isLength(user.text ?? "", { min: 1 })) {
       alert("내용을 입력해 주세요.");
       setError("내용을 입력해 주세요.");
       return false;
-    } else if (equals(user.city, "city")) {
+    } else if (equals(city, "city")) {
       alert("도시를 선택해 주세요.");
       setError("도시를 선택해 주세요.");
       return false;
-    } else if (equals(user.theme, "theme")) {
+    } else if (equals(theme, "theme")) {
       alert("테마를 선택해 주세요.");
       setError("테마를 선택해 주세요.");
       return false;
@@ -170,96 +164,127 @@ export function EditPost() {
     setUser(newUser);
   };
 
+  const GoBack = () => {
+    if (confirm("취소하시겠습니까?") == true) {
+      navigate(-1);
+    }
+  };
+
+  const oldFileShow = (post: PostType) => {
+    const res = post.file?.map((file, i) => (
+      <img
+        key={i}
+        src={"http://localhost:3000/images/" + file.newfilename}
+        width={200}
+        height={200}
+      />
+    ));
+    // console.log("oldfiles", res);
+    return res;
+  };
+
+  const newFileShow = (imgSrc: string[] | undefined) => {
+    const res = imgSrc?.map((img, i) => (
+      <img key={i} src={img} width={200} height={200} />
+    ));
+    return res;
+  };
+
   return (
-    <form onSubmit={reWriteSubmit} className="flex flex-col  w-full">
-      <div className="flex flex-row h-10 gap-x-1 justify-end">
-        <div className="place-self-center w-16 h-6 border-2 border-sky-400  transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-gray-300 duration-300">
-          <input
-            id="files"
-            type="file"
-            multiple
-            onChange={handleInputPic}
-            className="hidden"
-          />
-          <label htmlFor="files" className="text-xs grid place-items-center">
-            파일 선택
-          </label>
-        </div>
+    <div>
+      <form onSubmit={reWriteSubmit} className="flex flex-col  w-full">
+        <div className="flex flex-row h-10 gap-x-1 justify-end">
+          <div className="place-self-center w-16 h-6 border-2 border-sky-400  transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-gray-300 duration-300">
+            <input
+              id="files"
+              type="file"
+              multiple
+              onChange={handleInputPic}
+              className="hidden"
+            />
+            <label htmlFor="files" className="text-xs grid place-items-center">
+              파일 선택
+            </label>
+          </div>
 
-        <select
-          name="city"
-          className="border-2 border-sky-400  text-xs h-6 place-self-center"
-          onChange={cityChange}
-          defaultValue={post.city}
-        >
-          <option value="city">도시</option>
-          <option value="Seoul">서울</option>
-          <option value="Busan">부산</option>
-          <option value="Incheon">인천</option>
-          <option value="Daegu">대구</option>
-          <option value="Gwangju">광주</option>
-          <option value="Daejeon">대전</option>
-          <option value="Woolsan">울산</option>
-          <option value="Sejong">세종</option>
-          <option value="Dokdo">독도</option>
-          <option value="Jeju">제주</option>
-        </select>
+          <select
+            name="city"
+            className="border-2 border-sky-400  text-xs h-6 place-self-center"
+            onChange={cityChange}
+            defaultValue={post.city}
+          >
+            <option value="city">도시</option>
+            <option value="Seoul">서울</option>
+            <option value="Busan">부산</option>
+            <option value="Incheon">인천</option>
+            <option value="Daegu">대구</option>
+            <option value="Gwangju">광주</option>
+            <option value="Daejeon">대전</option>
+            <option value="Woolsan">울산</option>
+            <option value="Sejong">세종</option>
+            <option value="Dokdo">독도</option>
+            <option value="Jeju">제주</option>
+          </select>
 
-        <select
-          name="theme"
-          className="border-2 border-sky-400  text-xs h-6 place-self-center"
-          onChange={themeChange}
-          defaultValue={post.theme}
-        >
-          <option value="theme">테마</option>
-          <option value="cycling">사이클링</option>
-          <option value="surfing">서핑</option>
-          <option value="activity">액티비티</option>
-          <option value="camping">캠핑</option>
-          <option value="sking">스키</option>
-          <option value="boat">보트</option>
-          <option value="desert">사막</option>
-          <option value="golf">골프</option>
-          <option value="cave">동굴</option>
-          <option value="history">문화재</option>
-          <option value="zoo">동물원</option>
-          <option value="cycling">사이클링</option>
-        </select>
+          <select
+            name="theme"
+            className="border-2 border-sky-400  text-xs h-6 place-self-center"
+            onChange={themeChange}
+            defaultValue={post.theme}
+          >
+            <option value="theme">테마</option>
+            <option value="cycling">사이클링</option>
+            <option value="surfing">서핑</option>
+            <option value="activity">액티비티</option>
+            <option value="camping">캠핑</option>
+            <option value="sking">스키</option>
+            <option value="boat">보트</option>
+            <option value="desert">사막</option>
+            <option value="golf">골프</option>
+            <option value="cave">동굴</option>
+            <option value="history">문화재</option>
+            <option value="zoo">동물원</option>
+            <option value="cycling">사이클링</option>
+          </select>
 
-        <button
-          type="submit"
-          className="h-6 w-10 place-self-center place-self-center border-2 border-sky-400   text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-sky-300 duration-300"
-        >
-          수정
-        </button>
-      </div>
+          <button
+            type="submit"
+            className="h-6 w-10 place-self-center place-self-center border-2 border-sky-400   text-xs text-center transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-sky-300 duration-300"
+          >
+            수정
+          </button>
+        </div>
 
-      <div className="flex flex-col w-full border-y-2 border-sky-500">
-        <textarea
-          name="title"
-          onChange={titleChange}
-          placeholder="제목을 입력해 주세요!"
-          className="flex focus:outline-none"
-        />
-        <div className="flex flex-col mt-1 mb-1 border-t-2 border-sky-200">
-          <div className="flex gap-x-2 h-44 overflow-x-auto ">
-            {filesList?.map((file, i) => (
-              <img
-                key={i}
-                src={"http://localhost:3000/images/" + file.newfilename}
-                width={200}
-                height={200}
-              />
-            ))}
+        <div className="flex flex-col w-full border-y-2 border-sky-500">
+          <textarea
+            defaultValue={post.title}
+            name="title"
+            onChange={titleChange}
+            placeholder="제목을 입력해 주세요!"
+            className="flex focus:outline-none"
+          />
+          <div className="flex flex-col mt-1 mb-1 border-t-2 border-sky-200">
+            <div className="flex gap-x-2 h-44 overflow-x-auto ">
+              {change ? newFileShow(imgSrc) : oldFileShow(post)}
+            </div>
           </div>
+          <textarea
+            defaultValue={post.text}
+            onChange={textChange}
+            name="text"
+            placeholder="여행 후기를 알려주세요!"
+            className="flex h-44 border-t-2 border-sky-200 focus:outline-none "
+          />
         </div>
-        <textarea
-          onChange={textChange}
-          name="text"
-          placeholder="여행 후기를 알려주세요!"
-          className="flex h-44 border-t-2 border-sky-200 focus:outline-none "
-        />
+      </form>
+      <div className="flex  md:mb-20 justify-center">
+        <button
+          onClick={GoBack}
+          className=" mt-5 h-12 w-40  text-lg border-2 border-sky-500 place-self-center"
+        >
+          취소
+        </button>
       </div>
-    </form>
+    </div>
   );
 }
diff --git a/frontend/src/post/intopost.tsx b/frontend/src/post/intopost.tsx
index b1bf73d86172a05f8b654053284e658f6ebfd4d4..a857593a10d997a0be1a27d84d093d2b8d0e5fca 100644
--- a/frontend/src/post/intopost.tsx
+++ b/frontend/src/post/intopost.tsx
@@ -8,39 +8,18 @@ export interface PostState {
   state: PostType;
 }
 
-export interface FileType {
-  id: string;
-  post: string;
-  originalfilename: string;
-  newfilename: string;
-  picturepath: string;
-}
-
-export interface FilesList {
-  filesList: FileType[];
-}
-
 export function IntoPost() {
   const location = useLocation() as PostState;
   const post = location.state;
   const navigate = useNavigate();
-  const [filesList, setFilesList] = useState<FileType[]>();
-  // console.log(post);
+
+  console.log("user info", post.user);
 
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
   const [addSuccess, setAddSuccess] = useState(false);
   const [delSuccess, setDelSuccess] = useState(false);
 
-  useEffect(() => {
-    getFilesList(post._id);
-  }, []);
-
-  const getFilesList = async (postId: string) => {
-    const res = await postApi.getFileByPostId(postId);
-    setFilesList(res);
-  };
-
   const handleDeleteClick = async (event: MouseEvent<HTMLButtonElement>) => {
     try {
       if (confirm("삭제하시겠습니까?") == true) {
@@ -79,7 +58,7 @@ export function IntoPost() {
 
       <div className="flex h-10 items-center border-t-2 border-sky-200 md:flex-row justify-between bg-slate-50 text-sm">
         <div className="flex whitespace-nowrap pr-5 ">
-          작성자: {post.user.slice(0, 8)}
+          작성자: {post.user.name}
         </div>
 
         <div className="flex divide-x divide-slate-300 ">
@@ -95,7 +74,7 @@ export function IntoPost() {
       </div>
 
       <div className="flex border-t-2 border-sky-200 h-44 p-2 overflow-auto mb-5 ">
-        {filesList?.map((file, i) => (
+        {post.file?.map((file, i) => (
           <img
             key={i}
             src={"http://localhost:3000/images/" + file.newfilename}
diff --git a/frontend/src/post/posting.tsx b/frontend/src/post/posting.tsx
index 639b0cd3d15291b4f1671a07c93be4734f583387..a4408e667b0b52227f7b723e301320c7f0630ce0 100644
--- a/frontend/src/post/posting.tsx
+++ b/frontend/src/post/posting.tsx
@@ -1,5 +1,5 @@
 import React, { FormEvent, useEffect, useState } from "react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, Link } from "react-router-dom";
 import isLength from "validator/lib/isLength";
 import equals from "validator/lib/equals";
 import { catchErrors } from "../helpers";
@@ -21,9 +21,20 @@ export default function Posting() {
     theme: "",
     city: "",
     date: "",
-    user: "",
+    user: {
+      _id: "",
+      name: "",
+    },
     counts: 0,
     _id: "",
+    file: [
+      {
+        _id: "",
+        originalfilename: "",
+        newfilename: "",
+        picturepath: "",
+      },
+    ],
   });
 
   const [loading, setLoading] = useState(false);
@@ -44,11 +55,15 @@ export default function Posting() {
         formdata.append("picture", filelist?.[0]);
 
         const res = await postApi.createFileAndPost(formdata);
+
+        return res;
       } else {
         for (var i = 0; i < filelist.length; i++) {
           formdata.append("picture", filelist?.[i]);
         }
         const res = await postApi.createFileAndPost(formdata);
+
+        return res;
       }
     }
   };
@@ -58,16 +73,12 @@ export default function Posting() {
     try {
       if (confirm("게시물을 작성하시겠습니까?") == true) {
         setError("");
-        // console.log("user data", user);
-        if (!(imgSrc === undefined)) {
-          if (postingFormMatch(user, imgSrc)) {
-            setLoading(true);
-            if (file) {
-              const res = sendImg2Db(file);
-              // console.log(res);
-            }
+        if (postingFormMatch(user, file)) {
+          setLoading(true);
+          if (file) {
+            const postRes = await sendImg2Db(file);
+            navigate("/board", { replace: true, state: postRes });
           }
-          navigate("/board", { replace: true });
           setSuccess(true);
           setError("");
         }
@@ -82,7 +93,7 @@ export default function Posting() {
     }
   }
 
-  function postingFormMatch(user: PostType, imgSrc: string[]) {
+  function postingFormMatch(user: PostType, file: FileList | undefined) {
     if (!isLength(user.title ?? "", { min: 1 })) {
       alert("제목을 입력해 주세요.");
       setError("제목을 입력해 주세요.");
@@ -91,6 +102,10 @@ export default function Posting() {
       alert("내용을 입력해 주세요.");
       setError("내용을 입력해 주세요.");
       return false;
+    } else if (file === undefined) {
+      alert("사진을 첨부해 주세요.");
+      setError("사진을 첨부해 주세요.");
+      return false;
     } else if (equals(city, "city")) {
       alert("도시를 선택해 주세요.");
       setError("도시를 선택해 주세요.");
@@ -99,10 +114,6 @@ export default function Posting() {
       alert("테마를 선택해 주세요.");
       setError("테마를 선택해 주세요.");
       return false;
-    } else if (imgSrc === undefined || imgSrc === null) {
-      alert("사진을 첨부해 주세요.");
-      setError("사진을 첨부해 주세요.");
-      return false;
     } else {
       return true;
     }
@@ -165,91 +176,107 @@ export default function Posting() {
     }
   };
 
+  const GoBack = () => {
+    if (confirm("취소하시겠습니까?") == true) {
+      navigate(-1);
+    }
+  };
+
   return (
-    <form onSubmit={handlePostSubmit} className="flex flex-col w-full">
-      <div className="flex flex-row gap-x-1 justify-end h-10 ">
-        <div className="place-self-center w-16 h-6 border-2 border-sky-400  transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-gray-300 duration-300">
-          <input
-            id="files"
-            type="file"
-            multiple
-            onChange={handleInputPic}
-            className="hidden"
-          />
-          <label htmlFor="files" className="text-xs grid place-items-center">
-            파일 선택
-          </label>
-        </div>
+    <div>
+      <form onSubmit={handlePostSubmit} className="flex flex-col w-full">
+        <div className="flex flex-row gap-x-1 justify-end h-10 ">
+          <div className="place-self-center w-16 h-6 border-2 border-sky-400  transition delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-gray-300 duration-300">
+            <input
+              id="files"
+              type="file"
+              multiple
+              onChange={handleInputPic}
+              className="hidden"
+            />
+            <label htmlFor="files" className="text-xs grid place-items-center">
+              파일 선택
+            </label>
+          </div>
 
-        <select
-          name="city"
-          className="border-2 border-sky-400  text-xs h-6 place-self-center"
-          onChange={cityChange}
-          defaultValue="질문종류"
-        >
-          <option value="질문종류">도시</option>
-          <option value="Seoul">서울</option>
-          <option value="Busan">부산</option>
-          <option value="Incheon">인천</option>
-          <option value="Daegu">대구</option>
-          <option value="Gwangju">광주</option>
-          <option value="Daejeon">대전</option>
-          <option value="Woolsan">울산</option>
-          <option value="Sejong">세종</option>
-          <option value="Dokdo">독도</option>
-          <option value="Jeju">제주</option>
-        </select>
-
-        <select
-          name="theme"
-          className="border-2 border-sky-400  text-xs h-6 place-self-center"
-          onChange={themeChange}
-          defaultValue="질문종류"
-        >
-          <option value="질문종류">테마</option>
-          <option value="cycling">사이클링</option>
-          <option value="surfing">서핑</option>
-          <option value="activity">액티비티</option>
-          <option value="camping">캠핑</option>
-          <option value="sking">스키</option>
-          <option value="boat">보트</option>
-          <option value="desert">사막</option>
-          <option value="golf">골프</option>
-          <option value="cave">동굴</option>
-          <option value="history">문화재</option>
-          <option value="zoo">동물원</option>
-          <option value="cycling">사이클링</option>
-        </select>
+          <select
+            name="city"
+            className="border-2 border-sky-400  text-xs h-6 place-self-center"
+            onChange={cityChange}
+            defaultValue="질문종류"
+          >
+            <option value="질문종류">도시</option>
+            <option value="Seoul">서울</option>
+            <option value="Busan">부산</option>
+            <option value="Incheon">인천</option>
+            <option value="Daegu">대구</option>
+            <option value="Gwangju">광주</option>
+            <option value="Daejeon">대전</option>
+            <option value="Woolsan">울산</option>
+            <option value="Sejong">세종</option>
+            <option value="Dokdo">독도</option>
+            <option value="Jeju">제주</option>
+          </select>
 
-        <button
-          type="submit"
-          className="h-6 place-self-center place-self-center border-2 border-sky-400   text-xs text-center transition ease-in-out delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-sky-300 duration-300"
-        >
-          글쓰기
-        </button>
-      </div>
+          <select
+            name="theme"
+            className="border-2 border-sky-400  text-xs h-6 place-self-center"
+            onChange={themeChange}
+            defaultValue="질문종류"
+          >
+            <option value="질문종류">테마</option>
+            <option value="cycling">사이클링</option>
+            <option value="surfing">서핑</option>
+            <option value="activity">액티비티</option>
+            <option value="camping">캠핑</option>
+            <option value="sking">스키</option>
+            <option value="boat">보트</option>
+            <option value="desert">사막</option>
+            <option value="golf">골프</option>
+            <option value="cave">동굴</option>
+            <option value="history">문화재</option>
+            <option value="zoo">동물원</option>
+            <option value="cycling">사이클링</option>
+          </select>
 
-      <div className="flex flex-col w-full border-y-2 border-sky-500">
-        <textarea
-          name="title"
-          onChange={titleChange}
-          placeholder="제목을 입력해 주세요!"
-          className="flex focus:outline-none"
-        />
-        <div className="flex flex-col mt-1 mb-1 border-t-2 border-sky-200">
-          <div className="flex gap-x-2 h-44 overflow-x-auto">
-            {imgSrc?.map((img, i) => (
-              <img key={i} src={img} width={200} height={200} />
-            ))}
+          <button
+            type="submit"
+            className="h-6 place-self-center place-self-center border-2 border-sky-400   text-xs text-center transition ease-in-out delay-150 bg-white-400 hover:-translate-y-1 hover:scale-110 hover:bg-sky-300 duration-300"
+          >
+            글쓰기
+          </button>
+        </div>
+
+        <div className="flex flex-col w-full border-y-2 border-sky-500">
+          <textarea
+            name="title"
+            onChange={titleChange}
+            placeholder="제목을 입력해 주세요!"
+            className="flex focus:outline-none"
+          />
+          <div className="flex flex-col mt-1 mb-1 border-t-2 border-sky-200">
+            <div className="flex gap-x-2 h-44 overflow-x-auto">
+              {imgSrc?.map((img, i) => (
+                <img key={i} src={img} width={200} height={200} />
+              ))}
+            </div>
           </div>
+          <textarea
+            onChange={textChange}
+            name="text"
+            placeholder="여행 후기를 알려주세요!"
+            className="flex h-44 border-t-2 border-sky-200 focus:outline-none "
+          />
         </div>
-        <textarea
-          onChange={textChange}
-          name="text"
-          placeholder="여행 후기를 알려주세요!"
-          className="flex h-44 border-t-2 border-sky-200 focus:outline-none "
-        />
+      </form>
+      <div className="flex  md:mb-20 justify-center">
+        <button
+          onClick={GoBack}
+          className=" mt-5 h-12 w-40  text-lg border-2 border-sky-500 place-self-center"
+        >
+          취소
+        </button>
       </div>
-    </form>
+    </div>
   );
 }
diff --git a/frontend/src/types/index.tsx b/frontend/src/types/index.tsx
index 31e91388ba5de23ccb66f261cbcea14ee96355d1..94cefa5556f49349dbd9afe1ce4d72d6a75802ec 100644
--- a/frontend/src/types/index.tsx
+++ b/frontend/src/types/index.tsx
@@ -20,7 +20,18 @@ export interface PostType {
   date: string;
   counts: number;
   _id: string;
-  user: string;
+  user: {
+    _id: string;
+    name: string;
+  };
+  file: [
+    {
+      _id: string;
+      originalfilename: string;
+      newfilename: string;
+      picturepath: string;
+    }
+  ];
 }
 
 export interface SignupUser {
@@ -37,7 +48,6 @@ export interface Profile {
     originalfilename: string;
     newfilename: string;
     picturepath: string;
-    nickname: string;
   };
 }
 
diff --git a/src/controllers/fileinfo.controller.ts b/src/controllers/fileinfo.controller.ts
index a3d1c435950c8bc3dc95028830431aaab84f38f6..330b21c0cef35c7f1b42cf6cbd459ca5c6a989ac 100644
--- a/src/controllers/fileinfo.controller.ts
+++ b/src/controllers/fileinfo.controller.ts
@@ -4,7 +4,11 @@ import { TypedRequest } from "../types";
 
 export const uploadFile = asyncWrap(async (reqExp, res, next) => {
   const req = reqExp as TypedRequest;
-  const form = formidable({ multiples: false, uploadDir: "uploads" });
+  const form = formidable({
+    multiples: false,
+    uploadDir: "uploads",
+    keepExtensions: true,
+  });
 
   await new Promise((resolve, reject) => {
     form.parse(req, (err, fields, files) => {
@@ -25,7 +29,11 @@ export const uploadFile = asyncWrap(async (reqExp, res, next) => {
 
 export const uploadFiles = asyncWrap(async (reqExp, res, next) => {
   const req = reqExp as TypedRequest;
-  const form = formidable({ multiples: true, uploadDir: "uploads" });
+  const form = formidable({
+    multiples: true,
+    uploadDir: "uploads",
+    keepExtensions: true,
+  });
 
   await new Promise((resolve, reject) => {
     form.parse(req, (err, fields, files) => {
diff --git a/src/controllers/mainimg.controller.ts b/src/controllers/mainimg.controller.ts
index 02267198e9027bc43b39c5c7887943760ff7bd06..3946c1236da0c0900577e7164321e3a00acca625 100644
--- a/src/controllers/mainimg.controller.ts
+++ b/src/controllers/mainimg.controller.ts
@@ -1,11 +1,11 @@
 import { NextFunction, Request, Response } from "express";
 import isLength from "validator/lib/isLength";
-import { TypedRequestAuth } from "./auth.controller";
 import { asyncWrap } from "../helpers";
 import { mainimgDb } from "../db";
 import { TypedRequest } from "../types";
 import { ObjectId } from "mongoose";
 import formidable from "formidable";
+import { TypedRequestAuth } from "./auth.controller";
 
 export const createMainimg = asyncWrap(async (reqExp, res) => {
   const req = reqExp as TypedRequestAuth<{ userId: ObjectId }>;
@@ -65,49 +65,58 @@ export const deleteMainimg = asyncWrap(async (req, res) => {
 });
 
 export const updateMainimg = asyncWrap(async (reqExp, res) => {
-  const req = reqExp as TypedRequestAuth<{ userId: ObjectId }>;
+  const req = reqExp as TypedRequest;
 
-  const form = formidable({
-    uploadDir: "uploads",
-    keepExtensions: true,
-    multiples: false,
-  });
+  // const { id } = reqExp.params;
+  const { id, theme, city, title } = req.body;
+  const { updatemainimg }: { updatemainimg: formidable.File } = req.files;
+console.log("전부 제대로", id,theme, city, title, updatemainimg)
+  const img = await mainimgDb.updateOneMainimg(id, theme,city,title, updatemainimg);
 
-  form.parse(req, (err, fields, files) => {
-    if (!Array.isArray(files.updatemainimg)) {
-      //파일 좁히기 중
-      if (
-        !(
-          Array.isArray(fields.id) ||
-          Array.isArray(fields.city) ||
-          Array.isArray(fields.title) ||
-          Array.isArray(fields.theme)
-        )
-      ) {
-        const id = fields.id;
-        const city = fields.city;
-        const title = fields.title;
-        const theme = fields.theme;
-        console.log("error");
-        if (!(files.updatemainimg === undefined)) {
-          const originalfilename = files.updatemainimg?.originalFilename;
-          const newfilename = files.updatemainimg.newFilename;
-          if (!(originalfilename === null || newfilename === undefined)) {
-            const imgRes = mainimgDb.updateOneMainimg(
-              id,
-              theme,
-              city,
-              title,
-              originalfilename,
-              newfilename
-            );
-            return res.json(imgRes);
-          }
-        } else {
-          const imgRes = mainimgDb.updateOneMainimg(id, theme, city, title);
-          return res.json(imgRes);
-        }
-      }
-    }
-  });
-});
+  res.json(img);
+})
+//   const form = formidable({
+//     uploadDir: "uploads",
+//     keepExtensions: true,
+//     multiples: false,
+//   });
+
+//   form.parse(req, (err, fields, files) => {
+//     if (!Array.isArray(files.updatemainimg)) {
+//       //파일 좁히기 중
+//       if (
+//         !(
+//           Array.isArray(fields.id) ||
+//           Array.isArray(fields.city) ||
+//           Array.isArray(fields.title) ||
+//           Array.isArray(fields.theme)
+//         )
+//       ) {
+//         const id = fields.id;
+//         const city = fields.city;
+//         const title = fields.title;
+//         const theme = fields.theme;
+//         console.log("error");
+//         if (!(files.updatemainimg === undefined)) {
+//           const originalfilename = files.updatemainimg?.originalFilename;
+//           const newfilename = files.updatemainimg.newFilename;
+//           if (!(originalfilename === null || newfilename === undefined)) {
+//             const imgRes = mainimgDb.updateOneMainimg(
+//               id,
+//               theme,
+//               city,
+//               title,
+//               // fileInfo
+//               originalfilename,
+//               newfilename
+//             );
+//             return res.json(imgRes);
+//           }
+//         } else {
+//           const imgRes = mainimgDb.updateOneMainimg(id, theme, city, title);
+//           return res.json(imgRes);
+//         }
+//       }
+//     }
+//   });
+// });
diff --git a/src/controllers/post.controller.ts b/src/controllers/post.controller.ts
index 45d58014981a6751830cdc4d5dc976b0342476fd..caa273522a09fd640b2dc20c92004ffdaa4f7a44 100644
--- a/src/controllers/post.controller.ts
+++ b/src/controllers/post.controller.ts
@@ -1,9 +1,11 @@
 import { NextFunction, Request, Response } from "express";
 import formidable, { Fields, Files } from "formidable";
 import { TypedRequestAuth } from "./auth.controller";
+import equals from "validator/lib/equals";
 import { asyncWrap } from "../helpers";
 import { postDb, userDb } from "../db";
 import { TypedRequest } from "../types";
+import { Types } from "mongoose";
 
 export const userByPostId = (
   reqExp: Request,
@@ -16,6 +18,60 @@ export const userByPostId = (
   next();
 };
 
+export const SubTract = (oldSet: Set<string>, newSet: Set<string>) => {
+  const keep = new Array<string>(); //유지
+  const drop = new Array<string>(); //삭제
+  const add = new Array<string>(); //추가
+
+  oldSet.forEach((oldname) => {
+    drop.push(oldname);
+    newSet.forEach((newname) => {
+      add.push(newname);
+      if (oldname === newname) {
+        keep.push(oldname);
+      }
+    });
+  });
+
+  const addSet = new Set(add);
+  const newAdd = [...addSet];
+
+  // console.log("before delete drop ", drop);
+  // console.log("before delete add ", add);
+
+  for (var i = 0; i < drop.length; i++) {
+    for (var j = 0; j < keep.length; j++) {
+      if (drop[i] === keep[j]) {
+        drop.splice(i, 1);
+      }
+    }
+  }
+
+  for (var i = 0; i < newAdd.length; i++) {
+    for (var j = 0; j < keep.length; j++) {
+      if (newAdd[i] === keep[j]) {
+        newAdd.splice(i, 1);
+      }
+    }
+  }
+
+  // console.log("spliced add", add);
+
+  const dropSet = new Set(drop);
+  const newDrop = [...dropSet];
+
+  const reAddSet = new Set(newAdd);
+  const reNewAdd = [...reAddSet];
+
+  const res = {
+    keep: keep,
+    drop: newDrop,
+    add: reNewAdd,
+  };
+
+  return res;
+};
+
 //Create
 export const createFileAndPost = asyncWrap(async (reqExp, res, next) => {
   const req = reqExp as TypedRequestAuth<{ userId: string }>;
@@ -112,23 +168,22 @@ export const addCounts = asyncWrap(async (req, res) => {
   return res.json(updateCounts);
 });
 
-export const updatePost = asyncWrap(async (reqExp, res) => {
+export const updateOnePost = asyncWrap(async (reqExp, res) => {
   const req = reqExp as TypedRequestAuth<{ userId: string }>;
-
-  const userId = req.auth.userId;
+  const { userId } = req.auth;
   const { postId } = req.params;
 
+  const oldSet = new Set<string>();
+  const newSet = new Set<string>();
+
+  const fileIdArr = new Array<Types.ObjectId>();
+
   const form = formidable({
     uploadDir: "uploads",
     keepExtensions: true,
     multiples: true,
   });
 
-  const fileIdArr = new Array();
-
-  const oldSet = new Set();
-  const newSet = new Set();
-
   form.parse(req, async (err, fields, files) => {
     if (!Array.isArray(fields.title)) {
       const title = fields.title;
@@ -138,83 +193,149 @@ export const updatePost = asyncWrap(async (reqExp, res) => {
           const theme = fields.theme;
           if (!Array.isArray(fields.city)) {
             const city = fields.city;
-            if (!Array.isArray(fields.change)) {
-              const change = fields.change;
-
-              const oldFiles = await postDb.getFilesByPostId(postId);
-              if (!(oldFiles === undefined)) {
-                for (var i = 0; (i = oldFiles.length); i++) {
-                  const oldFileName = postDb.getOriginalFileName(oldFiles[i]);
-                  if (!(oldFileName === undefined)) {
-                    oldSet.add(oldFileName);
+
+            console.log("check files", files);
+
+            if (files.picture === undefined || files.picture === null) {
+              const postRes2 = await postDb.updatePostRow(
+                {
+                  title,
+                  text,
+                  theme,
+                  city,
+                  date: Date.now(),
+                },
+                postId
+              );
+              console.log("no files update", postRes2);
+            } else {
+              if (Array.isArray(files.picture)) {
+                const oldFilesId = await postDb.getFilesByPostId(postId);
+                if (!(oldFilesId === undefined)) {
+                  for (var i = 0; i < oldFilesId?.length; i++) {
+                    const name = await postDb.getOriginalFileName(
+                      oldFilesId[i]
+                    );
+                    if (!(name === undefined)) {
+                      oldSet.add(name);
+                    }
                   }
                 }
-              }
+                console.log("OldSet", oldSet);
 
-              if (Array.isArray(files.picture)) {
-                for (var i = 0; i < files.picture.length; i++) {
-                  const newFileName = files.picture?.[i].originalFilename;
-                  if (!(newFileName === undefined)) {
-                    newSet.add(newFileName);
+                if (Array.isArray(files.picture)) {
+                  for (var i = 0; i < files.picture.length; i++) {
+                    const newFileName = files.picture?.[i].originalFilename;
+                    if (!(newFileName === undefined || newFileName === null)) {
+                      newSet.add(newFileName);
+                    }
                   }
                 }
-              }
+                console.log("NewSet", newSet);
 
-              const deleteFiles = new Array();
-              const addFiles = new Array();
+                //유지, 삭제, 추가 구분하기
+                const trdPart = SubTract(oldSet, newSet);
 
-              oldSet.forEach((oldName) => {
-                newSet.forEach((newName) => {
-                  if (!(oldName === newName)) {
-                    deleteFiles.push(oldName);
-                    addFiles.push(newName);
-                  }
-                });
-              });
+                console.log("keep", trdPart.keep);
+                console.log("drop", trdPart.drop);
+                console.log("add", trdPart.add);
 
-              for (var i = 0; i < deleteFiles.length; i++) {
-                const originalfilename = deleteFiles[i];
-                const delRes = await postDb.deleteFileByName(originalfilename);
-              }
+                // 삭제
+                for (var i = 0; i < trdPart.drop.length; i++) {
+                  const dropRes = await postDb.deleteFileByName(
+                    trdPart.drop[i]
+                  );
+                  console.log("delete counts", dropRes);
+                }
 
-              if (Array.isArray(files.picture)) {
+                //유지
+                for (var i = 0; i < trdPart.keep.length; i++) {
+                  const keepRes = await postDb.findByName(trdPart.keep[i]);
+                  fileIdArr.push(keepRes[0]._id);
+                  // console.log("keep Id", keepRes[0]._id);
+                }
+
+                //추가
                 for (var i = 0; i < files.picture.length; i++) {
                   const originalfilename = files.picture?.[i].originalFilename;
                   const newfilename = files.picture?.[i].newFilename;
                   const filepath = files.picture?.[i].filepath;
-                  for (var i = 0; i < addFiles.length; i++) {
-                    const original = addFiles[i];
-                    if (original === originalfilename) {
+                  for (var j = 0; j < trdPart.add.length; j++) {
+                    const check = trdPart.add[j];
+                    if (originalfilename === check) {
                       const addRes = await postDb.createFilesRow(
                         originalfilename,
                         newfilename,
                         filepath
                       );
 
-                      fileIdArr.push(addRes);
+                      fileIdArr.push(addRes._id);
                     }
                   }
                 }
-              }
+              } else {
+                const oldFilesId = await postDb.getFilesByPostId(postId);
+                if (!(oldFilesId === undefined)) {
+                  for (var i = 0; i < oldFilesId?.length; i++) {
+                    const name = await postDb.getOriginalFileName(
+                      oldFilesId[i]
+                    );
+                    if (!(name === undefined)) {
+                      oldSet.add(name);
+                    }
+                  }
+                }
+                console.log("OldSet", oldSet);
 
-              const updateRes = await postDb.updatedFileId(postId);
-              const fileId = fileIdArr.concat(updateRes);
+                const newFileName = files.picture.originalFilename;
+                if (!(newFileName === undefined || newFileName === null)) {
+                  newSet.add(newFileName);
+                }
+                console.log("NewSet", newSet);
 
-              const postRes = await postDb.updatePostRow(
-                {
-                  title,
-                  text,
-                  theme,
-                  city,
-                  date: Date.now(),
-                  user: userId,
-                  file: fileId,
-                },
-                postId
-              );
-              console.log("plzplzplzpllzplzlpzplzzplz", postRes);
-              return res.json(postRes);
+                //유지, 삭제, 추가 구분하기
+                const trdPart = SubTract(oldSet, newSet);
+
+                //삭제
+                for (var i = 0; i < trdPart.drop.length; i++) {
+                  const dropRes = await postDb.deleteFileByName(
+                    trdPart.drop[i]
+                  );
+                  console.log("delete counts", dropRes);
+                }
+
+                //추가
+                const originalfilename = files.picture.originalFilename;
+                const newfilename = files.picture.newFilename;
+                const filepath = files.picture.filepath;
+                for (var j = 0; j < trdPart.add.length; j++) {
+                  const check = trdPart.add[j];
+                  if (originalfilename === check) {
+                    const addRes = await postDb.createFilesRow(
+                      originalfilename,
+                      newfilename,
+                      filepath
+                    );
+
+                    fileIdArr.push(addRes._id);
+                  }
+                }
+              }
             }
+            console.log("all fileId", fileIdArr);
+
+            //post정보 + file정보 update
+            const postRes1 = await postDb.updatePostRow(
+              {
+                title,
+                text,
+                theme,
+                city,
+                date: Date.now(),
+                file: fileIdArr,
+              },
+              postId
+            );
           }
         }
       }
@@ -222,19 +343,11 @@ export const updatePost = asyncWrap(async (reqExp, res) => {
   });
 });
 
-//Delete
+// Delete
 export const deleteOnePost = asyncWrap(async (req, res) => {
   const { postId } = req.params;
-  // console.log(postId);
-  const deleteCount = await postDb.deletePost(postId);
-  const deleteFileId = await postDb.getFilesByPostId(postId);
 
-  if (!(deleteFileId === undefined)) {
-    for (var i = 0; i < deleteFileId.length; i++) {
-      const deleteId = deleteFileId[i];
-      const deleteFile = await postDb.deleteFile(deleteId);
-    }
-  }
+  const deleteCount = await postDb.deletePost(postId);
 
   return res.json(deleteCount);
 });
diff --git a/src/db/index.ts b/src/db/index.ts
index b714af5b043b5377b84b3ba8e213d349e63d09a8..b4f157f405dc90a9f347269d84915fbe69e0bb93 100644
--- a/src/db/index.ts
+++ b/src/db/index.ts
@@ -1,4 +1,4 @@
 export * as roleDb from "./role.db";
 export * as postDb from "./post.db";
 export * as userDb from "./user.db";
-export * as mainimgDb from "./mainimg.db"
\ No newline at end of file
+export * as mainimgDb from "./mainimg.db";
diff --git a/src/db/mainimg.db.ts b/src/db/mainimg.db.ts
index c01b8c2e9518e610695f50bfff3cf18ddeed2b2c..30a58de714733fef8282ae1329667c5628d0cba4 100644
--- a/src/db/mainimg.db.ts
+++ b/src/db/mainimg.db.ts
@@ -1,13 +1,14 @@
-import { ObjectId } from "mongoose";
+import { HydratedDocument, ObjectId } from "mongoose";
 import { FileInfo, IFileInfo, Mainimg, MainimgType } from "../models";
 import fs from "fs/promises";
 import { fileInfoCtrl } from "../controllers";
+import formidable from "formidable";
 
 export const createMainimg = async (mainimg: MainimgType, pic: IFileInfo) => {
   const newPic = await FileInfo.create({
     originalfilename: pic.originalfilename,
     newfilename: pic.newfilename,
-    pictureauth: pic.picturepath,
+    picturepath: pic.picturepath,
   });
 
   const newMainimg = await Mainimg.create({
@@ -43,41 +44,76 @@ export const updateOneMainimg = async (
   theme: string,
   city: string,
   title: string,
-  originalfilename?: string | null,
-  newfilename?: string
+  fileInfo: formidable.File
+  // originalfilename?: string | null,
+  // newfilename?: string
 ) => {
-  const newMainimg = await Mainimg.findById(_Id);
-  console.log("error2", _Id);
-  if (!(newMainimg?.fileInfo === undefined)) {
-    if (originalfilename === undefined) {
-      await Mainimg.findByIdAndUpdate(newMainimg._id, {
-        theme: theme,
-        city: city,
-        title: title,
-      });
-      console.log("errrror4");
-    } else if (
-      !(originalfilename === undefined) &&
-      (!(theme === undefined) ||
-        !(city === undefined) ||
-        !(title === undefined))
-    ) {
-      await Mainimg.findByIdAndUpdate(newMainimg._id, {
-        theme: theme,
-        city: city,
-        title: title,
-      });
-      await FileInfo.findByIdAndUpdate(newMainimg.fileInfo._id, {
-        originalfilename: originalfilename,
-        newfilename: newfilename,
-      });
-      console.log("error6");
-    } else {
-      await FileInfo.findByIdAndUpdate(newMainimg.fileInfo._id, {
-        originalfilename: originalfilename,
-        newfilename: newfilename,
-      });
-      console.log("error5", newfilename, originalfilename, theme, city, title);
+  // const newMainimg = await Mainimg.findById(_Id)
+  const newMainimg = await Mainimg.findById(_Id).populate<{ fileInfo: IFileInfo }>(
+    "fileInfo"
+  );
+
+  console.log("error2", newMainimg);
+  if (!newMainimg) {
+    throw new Error("mainimg가 존재하지 않습니다")
+  }
+  if (
+    fileInfo.originalFilename &&
+    newMainimg?.fileInfo.originalfilename !== fileInfo.originalFilename
+  ) {
+    // 같지 않으면 기존의 파일을 디스크에서 삭제한 후
+    try {
+      console.log("picturepath", newMainimg.fileInfo.picturepath)
+      await fs.unlink(newMainimg.fileInfo.picturepath);
+    } catch (error) {
+      console.log("error", error);
     }
-  } else console.log("error3", newMainimg);
-};
+    const mainimgAvatar = newMainimg.fileInfo as HydratedDocument<IFileInfo>;
+    // 기존 fileinfo의 파일이름과 경로 변경 설정
+    mainimgAvatar.originalfilename = fileInfo.originalFilename;
+    mainimgAvatar.newfilename = fileInfo.newFilename;
+    mainimgAvatar.picturepath = fileInfo.filepath;
+    await mainimgAvatar.save();
+  }
+
+
+  newMainimg.theme = theme;
+  newMainimg.city = city;
+  newMainimg.title = title;
+  await newMainimg.save();
+  console.log("mainimg updated", newMainimg);
+  return newMainimg;
+}
+//   if (!(newMainimg?.fileInfo === undefined)) {
+//     if (originalfilename === undefined) {
+//       await Mainimg.findByIdAndUpdate(newMainimg._id, {
+//         theme: theme,
+//         city: city,
+//         title: title,
+//       });
+//       console.log("errrror4");
+//     } else if (
+//       !(originalfilename === undefined) &&
+//       (!(theme === undefined) ||
+//         !(city === undefined) ||
+//         !(title === undefined))
+//     ) {
+//       await Mainimg.findByIdAndUpdate(newMainimg._id, {
+//         theme: theme,
+//         city: city,
+//         title: title,
+//       });
+//       await FileInfo.findByIdAndUpdate(newMainimg.fileInfo._id, {
+//         originalfilename: originalfilename,
+//         newfilename: newfilename,
+//       });
+//       console.log("error6");
+//     } else {
+//       await FileInfo.findByIdAndUpdate(newMainimg.fileInfo._id, {
+//         originalfilename: originalfilename,
+//         newfilename: newfilename,
+//       });
+//       console.log("error5", newfilename, originalfilename, theme, city, title);
+//     }
+//   } else console.log("error3", newMainimg);
+// };
\ No newline at end of file
diff --git a/src/db/post.db.ts b/src/db/post.db.ts
index 68f04795e0ed989bd2c62e12cb10be820afe6bda..f131c686f0a48de4d65fe2695a19d34ba5a66c03 100644
--- a/src/db/post.db.ts
+++ b/src/db/post.db.ts
@@ -1,4 +1,5 @@
 import { Types, ObjectId } from "mongoose";
+import fs from "fs/promises";
 import { Post, PostType } from "../models";
 import { FileInfo, IFileInfo } from "../models";
 
@@ -33,15 +34,14 @@ export const createFilesRow = async (
 
 //Read
 export const getPosts = async () => {
-  const posts = await Post.find({}).sort({ date: -1 });
+  const posts = await Post.find()
+    .populate("file")
+    .populate("user")
+    .sort({ date: -1 });
+  console.log("file nickname", posts);
   return posts;
 };
 
-export const getFilesByPostId = async (postId: string) => {
-  const files = await Post.findOne({ _id: postId }).populate("file");
-  return files?.file;
-};
-
 //Update
 export const addOneCount = async (_id: string, counts: number) => {
   const newCounts = await Post.findOneAndUpdate(
@@ -61,7 +61,6 @@ export const updatePostRow = async (post: PostType, postId: string) => {
       theme: post.theme,
       city: post.city,
       date: post.date,
-      user: post.user,
       file: post.file,
     },
     { new: true }
@@ -69,6 +68,11 @@ export const updatePostRow = async (post: PostType, postId: string) => {
   return newPost;
 };
 
+export const getFilesByPostId = async (postId: string) => {
+  const files = await Post.findOne({ _id: postId }).populate("file");
+  return files?.file; //file Types.ObjectId[]
+};
+
 export const getOriginalFileName = async (_id: Types.ObjectId) => {
   const file = await FileInfo.findOne({ _id: _id });
   return file?.originalfilename;
@@ -79,15 +83,26 @@ export const updatedFileId = async (_id: string) => {
   return updatedFile?.file;
 };
 
-//Delete
-export const deletePost = async (_id: string) => {
-  const res = await Post.deleteOne({ _id: _id });
-  return res;
+export const findByName = async (originalfilename: string) => {
+  const fileId = await FileInfo.find({ originalfilename });
+  return fileId;
 };
 
-export const deleteFile = async (_id: Types.ObjectId) => {
-  const deleteOne = await FileInfo.deleteOne({ _id: _id });
-  return deleteOne;
+//Delete
+export const deletePost = async (_id: string) => {
+  const post = await Post.findById(_id);
+  if (!(post?.file === undefined)) {
+    for (var i = 0; i < post.file.length; i++) {
+      const fileId = post.file[i];
+      const ref = await FileInfo.findById(fileId);
+      if (!(ref?.newfilename === undefined)) {
+        await fs.unlink("../travel/uploads/" + ref?.newfilename);
+      }
+      await FileInfo.deleteOne({ _id: fileId });
+    }
+    const res = await Post.deleteOne({ _id: _id });
+    return res;
+  }
 };
 
 export const deleteFileByName = async (originalfilename: string) => {
diff --git a/src/models/fileinfo.model.ts b/src/models/fileinfo.model.ts
index e9a1e544c97d3a970f736409bfeb9a2c41c7546a..644235cee74dc9d7d693fc18b394d23e0ffd5b3d 100644
--- a/src/models/fileinfo.model.ts
+++ b/src/models/fileinfo.model.ts
@@ -4,13 +4,11 @@ export interface IFileInfo {
   originalfilename: string;
   newfilename: string;
   picturepath: string;
-  nickname?: string;
 }
 
 const schema = new Schema<IFileInfo>({
   originalfilename: { type: String, unique: true },
   newfilename: { type: String },
-  nickname: { type: String },
   picturepath: { type: String },
 });
 
diff --git a/src/models/post.model.ts b/src/models/post.model.ts
index be0df095d0236e4415d822ccb8bcdbe0985e6382..934a56931b93e7e3caa2a15cbb51ab3826bd17a7 100644
--- a/src/models/post.model.ts
+++ b/src/models/post.model.ts
@@ -7,7 +7,7 @@ export interface PostType {
   city: string;
   date: Date | number;
   counts?: number;
-  user: Types.ObjectId | string;
+  user?: Types.ObjectId | string;
   file?: Array<Types.ObjectId>;
 }
 
diff --git a/src/routes/mainimg.route.ts b/src/routes/mainimg.route.ts
index a89dfe161ed3fb3aefd6b851bdd2d448725727b1..83e53e1455d9dc69e6c66767e2c436673ffe3e5a 100644
--- a/src/routes/mainimg.route.ts
+++ b/src/routes/mainimg.route.ts
@@ -1,5 +1,5 @@
 import express from "express";
-import { mainimgCtrl, authCtrl } from "../controllers";
+import { mainimgCtrl, authCtrl, fileInfoCtrl } from "../controllers";
 
 const router = express.Router();
 
@@ -11,7 +11,7 @@ router
 router
   .route("/:imgId")
   .delete(authCtrl.requireLogin,authCtrl.hasRole("admin"), mainimgCtrl.deleteMainimg)
-  .put(authCtrl.requireLogin,authCtrl.hasRole("admin"), mainimgCtrl.updateMainimg);
+  .put(authCtrl.requireLogin,authCtrl.hasRole("admin"),fileInfoCtrl.uploadFile, mainimgCtrl.updateMainimg);
 
 
 export default router;
diff --git a/src/routes/post.route.ts b/src/routes/post.route.ts
index df02fc9fc52cb6752a885270d96ff9acfe492900..7159cc44c607837ec5ded07fb3c54812b4182ed9 100644
--- a/src/routes/post.route.ts
+++ b/src/routes/post.route.ts
@@ -1,5 +1,5 @@
 import express from "express";
-import { postCtrl, authCtrl, fileInfoCtrl } from "../controllers";
+import { postCtrl, authCtrl } from "../controllers";
 
 const router = express.Router();
 
@@ -8,12 +8,11 @@ router.route("/").get(postCtrl.getAllPost);
 
 router.route("/files/:postId").get(authCtrl.requireLogin, postCtrl.getFiles);
 
-// router.param("postId", postCtrl.userByPostId);
 router
   .route("/:postId")
   .post(authCtrl.requireLogin, postCtrl.addCounts)
-  .delete(authCtrl.requireLogin, postCtrl.deleteOnePost) // +authenticate
-  .put(authCtrl.requireLogin, postCtrl.updatePost);
+  .delete(authCtrl.requireLogin, authCtrl.authenticate, postCtrl.deleteOnePost)
+  .put(authCtrl.requireLogin, postCtrl.updateOnePost);
 
 router.param("postId", postCtrl.userByPostId);
 export default router;