diff --git a/src/API/v1/comment.js b/src/API/v1/comment.js
index 6bdf6662..998d4fda 100644
--- a/src/API/v1/comment.js
+++ b/src/API/v1/comment.js
@@ -2,11 +2,10 @@ import axios from 'axios';
 
 const API_URL = process.env.REACT_APP_API_URL;
 
-async function create({ boardId, content, ipAddress, parentId, token }) {
+async function create({ boardId, content, parentId, token }) {
   const url = API_URL + '/v1/comment/' + boardId;
   const data = {
     content,
-    ipAddress,
     parentId,
   };
   const options = {
diff --git a/src/API/v1/post.js b/src/API/v1/post.js
index d9795ba6..81cc06ed 100644
--- a/src/API/v1/post.js
+++ b/src/API/v1/post.js
@@ -6,7 +6,6 @@ async function create({
   title,
   content,
   categoryId,
-  ipAddress,
   allowComment,
   isNotice,
   isSecret,
@@ -20,7 +19,6 @@ async function create({
   formData.append('title', title);
   formData.append('content', content);
   formData.append('categoryId', categoryId);
-  formData.append('ipAddress', ipAddress);
   formData.append('allowComment', allowComment);
   formData.append('isNotice', isNotice);
   formData.append('isSecret', isSecret);
@@ -129,7 +127,6 @@ async function modify({
   title,
   content,
   categoryId,
-  ipAddress,
   allowComment,
   isNotice,
   isSecret,
@@ -143,7 +140,6 @@ async function modify({
   formData.append('title', title);
   formData.append('content', content);
   formData.append('categoryId', categoryId);
-  formData.append('ipAddress', ipAddress);
   formData.append('allowComment', allowComment);
   formData.append('isNotice', isNotice);
   formData.append('isSecret', isSecret);
@@ -167,10 +163,25 @@ async function modify({
     );
     return response.data;
   } catch (error) {
-    return error.response.data;
+    return error.response?.data;
+  }
+}
+async function deleteFiles({ fileIdList, token }) {
+  const options = {
+    method: 'DELETE',
+    url: API_URL + '/v1/post/files',
+    params: { fileIdList: fileIdList.join(',') },
+    headers: {
+      Authorization: `${token}`,
+    },
+  };
+  try {
+    const response = await axios(options);
+    return response.data;
+  } catch (error) {
+    return error.response?.data;
   }
 }
-
 async function remove({ boardId, token }) {
   const options = {
     method: 'DELETE',
@@ -259,6 +270,7 @@ export default {
   getNoticeList,
   downloadFile,
   modify,
+  deleteFiles,
   remove,
   search,
   like,
diff --git a/src/page/Board/Components/FilesUploadForm.jsx b/src/page/Board/Components/FilesUploadForm.jsx
index 545834b2..ec90e271 100644
--- a/src/page/Board/Components/FilesUploadForm.jsx
+++ b/src/page/Board/Components/FilesUploadForm.jsx
@@ -7,7 +7,6 @@ import { formatFileSize } from '../BoardUtil';
 
 const getFileIcon = (filename) => {
   const extension = filename?.split('.')[1];
-
   try {
     return (
       <img
@@ -25,15 +24,42 @@ const getFileIcon = (filename) => {
   }
 };
 
-const FilesUploadForm = (props) => {
-  const [files, setFiles] = useState([]);
-
+const FilesUploadForm = ({
+  files,
+  setFiles,
+  modifyFlag,
+  deleteFileIdList,
+  setDeleteFileIdList,
+  originFiles,
+  setOriginFile,
+}) => {
+  const deleteOriginClickHandler = (id) => {
+    setOriginFile(originFiles.filter((file) => file.id !== id));
+    setDeleteFileIdList([...deleteFileIdList, id]); //지울 파일 리스트에 아이디 추가
+  };
+  const getFileInfoOrigin = (file) => {
+    //기존에 첨부되어 있던 파일의 상세 정보 display
+    return (
+      <tr className="border-b" key={file.fileName}>
+        <td>
+          {getFileIcon(file.fileName)}
+          {file.fileName}
+        </td>
+        <td className="text-center">{formatFileSize(file.fileSize)}</td>
+        <td className="text-red-500 text-center">
+          <button onClick={() => deleteOriginClickHandler(file.id)}>
+            <TrashIcon className=" h-5 w-5 inline-block " aria-hidden="true" />
+            삭제
+          </button>
+        </td>
+      </tr>
+    );
+  };
   const deleteClickHandler = (fileName) => {
-    props.setFiles(files.filter((file) => file.name !== fileName));
     setFiles(files.filter((file) => file.name !== fileName));
   };
-
   const getFileInfo = (file) => {
+    //새로 첨부한 파일의 상세 정보 display
     return (
       <tr className="border-b" key={file.name}>
         <td>
@@ -52,21 +78,26 @@ const FilesUploadForm = (props) => {
   };
 
   useEffect(() => {
-    console.log(files);
-  }, [files]);
+    console.log('origin:', originFiles);
+    console.log('new:', files);
+  }, [files, originFiles]);
   useEffect(() => {
-    if (props.modifyFlag) {
-      console.log(props.board.files);
-      //setFiles(props.board.files);
+    if (modifyFlag) {
+      //console.log('origin:', props.board.files);
+      //props.setOriginFiles(props.board.files);
     }
   }, []);
   const onDrop = useCallback(
     (acceptedFiles) => {
-      var temp = [...files];
+      var temp = [...originFiles, ...files];
+      console.log(originFiles);
+      console.log(temp);
       var realAddFiles = []; //최종적으로 추가될 파일
       var notAddFiles = []; //중복된 파일
       acceptedFiles.forEach((newFile) => {
-        const isRepeat = temp.filter((file) => file.name == newFile.name);
+        const isRepeat = temp.filter(
+          (file) => file.name == newFile.name || file.fileName == newFile.name
+        );
         if (isRepeat.length != 0) {
           //console.log('중복');
           notAddFiles = [...notAddFiles, newFile];
@@ -106,7 +137,6 @@ const FilesUploadForm = (props) => {
             ') 기존 파일을 삭제하고 새로 업로드 해주십시오.'
         );
       }
-      props.setFiles([...files, ...realAddFiles]);
       setFiles([...files, ...realAddFiles]);
     },
     [files]
@@ -121,13 +151,15 @@ const FilesUploadForm = (props) => {
     <>
       <div
         className={
-          (files.length === 0 ? 'h-[200px]' : 'h-[400px]') +
+          (files.length === 0 && originFiles.length === 0
+            ? 'h-[200px]'
+            : 'h-[400px]') +
           ' flex-column w-full border-4 border-dashed rounded-xl hidden sm:block dark:border-slate-500'
         }
       >
         <div
           className={
-            files.length === 0
+            files.length === 0 && originFiles.length === 0
               ? 'hidden'
               : '' +
                 ' w-full h-[200px] overflow-y-scroll rounded-t-lg border-b-4 border-dashed dark:border-slate-500 '
@@ -141,7 +173,10 @@ const FilesUploadForm = (props) => {
                 <th className="min-w-[4em] w-1/5">삭제</th>
               </tr>
             </thead>
-            <tbody>{files.map((file) => getFileInfo(file))}</tbody>
+            <tbody>
+              {originFiles.map((file) => getFileInfoOrigin(file))}
+              {files.map((file) => getFileInfo(file))}
+            </tbody>
           </table>
         </div>
 
@@ -151,7 +186,7 @@ const FilesUploadForm = (props) => {
             (isDragActive
               ? 'bg-blue-300 bg-opacity-50'
               : 'bg-slate-100 bg-opacity-50') +
-            (files.length === 0
+            (files.length === 0 && originFiles.length === 0
               ? ' h-full rounded-lg'
               : ' h-[192px] rounded-b-lg ') +
             ' flex items-center justify-center '
@@ -193,7 +228,7 @@ const FilesUploadForm = (props) => {
           />
           파일 추가
         </button>
-        {files.length !== 0 ? (
+        {files.length !== 0 || originFiles.length !== 0 ? ( //첨부된 파일이 있을 경우
           <table className="w-full dark:text-mainWhite">
             {/*console.log(files.length)*/}
             <thead className="bg-mainYellow bg-opacity-100 ">
@@ -203,7 +238,10 @@ const FilesUploadForm = (props) => {
                 <th className="min-w-[4em] w-1/5 rounded-tr-lg">삭제</th>
               </tr>
             </thead>
-            <tbody>{files.map((file) => getFileInfo(file))}</tbody>
+            <tbody>
+              {originFiles?.map((file) => getFileInfoOrigin(file))}
+              {files?.map((file) => getFileInfo(file))}
+            </tbody>
           </table>
         ) : (
           ''
diff --git a/src/page/Board/Components/Gallary.jsx b/src/page/Board/Components/Gallary.jsx
index 380a7347..a2ebb3f9 100644
--- a/src/page/Board/Components/Gallary.jsx
+++ b/src/page/Board/Components/Gallary.jsx
@@ -21,114 +21,122 @@ import {
 const Gallary = ({ notices, boards, linkHandler, state }) => {
   const { categoryId } = useParams();
   const [thumbnails, setThumbnails] = [];
+  const card = (board, index, isN) => {
+    return (
+      <div
+        key={index}
+        className={
+          isN
+            ? ' min-w-[80vw] sm:min-w-[40vw] lg:min-w-[17vw] bg-mainWhite dark:bg-mainBlack border-[3px] border-mainYellow rounded-t-2xl rounded-b-md p-2 group shadow-md mb-5 dark:border-gray-600 hover:shadow-xl'
+            : ' border-l border-b border-r rounded-t-2xl rounded-b-md p-2 group shadow-md dark:border-gray-600 hover:shadow-xl'
+        }
+      >
+        <Link
+          to={`/post/${categoryId}/${board.id}`}
+          onClick={(e) => {
+            if (
+              board.isSecret &&
+              board.writerId != state.member?.memberInfo?.id
+            )
+              linkHandler(e, board);
+          }}
+        >
+          <div className={' relative'}>
+            <div
+              className={
+                (isN ? 'overflow-hidden bg-mainYellow' : 'bg-gray-300') +
+                ' relative w-full h-72 p-[2px] rounded-lg flex items-center dark:bg-gray-700'
+              }
+            >
+              {board.isSecret ? (
+                <div className="bg-gray-300 bg-opacity-50 text-slate-500 flex items-center text-center w-full h-full object-center object-cover rounded-lg dark:text-gray-200">
+                  <div className="w-full">
+                    <LockClosedIcon className="inline-block h-10 w-10" />
+                    <br />
+                    비밀글입니다.
+                  </div>
+                </div>
+              ) : (
+                <img
+                  src={board.thumbnailPath}
+                  alt="썸네일 이미지"
+                  className="w-full h-full object-center object-cover rounded-lg bg-mainWhite dark:bg-mainBlack"
+                />
+              )}
+            </div>
+            {isNewPost(board.registerTime) ? (
+              <strong className="inline-block absolute top-[-20px] right-[-20px] rounded-full shadow-md shadow-red-500/50 m-1 w-7 h-7 align-middle text-center text-base bg-red-500 border-2 text-mainWhite ">
+                N
+              </strong>
+            ) : (
+              ''
+            )}
+            <div className="relative mt-4">
+              <div className="flex items-center">
+                <h3 className="text-sm font-medium truncate bold text-gray-900 dark:text-mainWhite">
+                  {board.title}
+                </h3>
+                <div className="flex-1 min-w-fit ">
+                  {board.files && board.files.length != 0 ? (
+                    <DocumentTextIcon className="inline-block h-5 w-5 flex-1 text-slate-500" />
+                  ) : (
+                    ''
+                  )}
+
+                  <strong className="text-mainYellow">
+                    <ChatAltIcon className="inline-block h-5 w-5" />
+                    {board.commentCount}
+                  </strong>
+                </div>
+              </div>
+              <p className=" flex justify-between">
+                <span className="mt-1 text-sm text-gray-500">
+                  {board.writer}
+                </span>
+                <span className="mt-1 text-sm">
+                  {getDiffTimeWithFormat(board.registerTime)}
+                </span>
+              </p>
+            </div>
+            <div className="absolute top-0 inset-x-0 h-72 rounded-lg p-4 flex items-end justify-end overflow-hidden ">
+              <div
+                aria-hidden="true"
+                className="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50 hidden group-hover:block dark:from-white"
+              />
+              <p className="relative text-lg font-semibold text-white hidden group-hover:block dark:text-black">
+                <EyeIcon className="inline-block h-5 w-5 mx-2 text-divisionGray dark:text-gray-700" />
+                {board.visitCount}
+              </p>
+            </div>
+          </div>
+        </Link>
+      </div>
+    );
+  };
   useEffect(() => {}, []);
   return (
     <>
       {notices.length != 0 ? (
-        <div className="border shadow-inner block mb-5 bg-gray-100 px-2 rounded-xl dark:bg-gray-800 dark:border-darkComponent">
+        <div className="border shadow-inner block mb-5 bg-gray-50 px-2 rounded-xl dark:bg-gray-800 dark:border-darkComponent">
           <div name="공지사항" className="relative py-2">
             <div
               className="absolute inset-0 flex items-center"
               aria-hidden="true"
             >
-              <div className="w-full border-t-4 border-mainYellow" />
+              <div className="w-full border-y-2 border-mainYellow mx-4" />
             </div>
             <div className="relative flex justify-center">
-              <span className="px-3 bg-gray-100 text-2xl font-medium text-gray-900 dark:bg-gray-800 dark:text-mainWhite">
+              <span className="px-5 bg-gray-50 text-2xl font-medium text-gray-900 dark:bg-gray-800 dark:text-mainWhite">
                 공지
               </span>
             </div>
           </div>
           <Horizontable>
             <div className=" mt-2 flex gap-x-6">
-              {notices.map((board, index) => (
-                <div
-                  key={index}
-                  className={
-                    'min-w-[80vw] md:min-w-[40vw] lg:min-w-[20vw] bg-yellow-100 dark:bg-yellow-600 border-l border-b border-r rounded-lg p-2 group shadow-lg dark:border-gray-600'
-                  }
-                >
-                  <Link
-                    to={`/post/${categoryId}/${board.id}`}
-                    onClick={(e) => {
-                      if (
-                        board.isSecret &&
-                        board.writerId != state.member?.memberInfo?.id
-                      )
-                        linkHandler(e, board);
-                    }}
-                  >
-                    <div className={' relative'}>
-                      <div className="relative w-full h-72 p-1 rounded-lg overflow-hidden flex items-center bg-gray-300 dark:bg-gray-700">
-                        {/*console.log(board.thumbnailPath)*/}
-                        {board.isSecret ? (
-                          <div className="bg-gray-300 bg-opacity-50 text-slate-500 flex items-center text-center w-full h-full object-center object-cover rounded-lg dark:text-gray-200">
-                            <div className="w-full">
-                              <LockClosedIcon className="inline-block h-10 w-10" />
-                              <br />
-                              비밀글입니다.
-                            </div>
-                          </div>
-                        ) : (
-                          <img
-                            src={board.thumbnailPath}
-                            alt="썸네일 이미지"
-                            className="w-full h-full object-center object-cover rounded-lg bg-mainWhite dark:bg-mainBlack"
-                          />
-                        )}
-                      </div>
-                      {isNewPost(board.registerTime) ? (
-                        <strong className="inline-block absolute top-[-20px] right-[-20px] rounded-full shadow-md shadow-red-500/50 m-1 w-7 h-7 align-middle text-center text-base bg-red-500 border-2 text-mainWhite">
-                          N
-                        </strong>
-                      ) : (
-                        ''
-                      )}
-
-                      <div className=" relative mt-4">
-                        <div className="flex items-center">
-                          <h3 className="text-sm font-medium truncate bold text-gray-900 dark:text-mainWhite">
-                            {board.title}
-                          </h3>
-
-                          <div className=" flex-1 min-w-fit">
-                            {board.files && board.files.length != 0 ? (
-                              <DocumentTextIcon className="inline-block flex-1 h-5 w-5 text-slate-500" />
-                            ) : (
-                              ''
-                            )}
-                            <strong className="text-mainYellow">
-                              <ChatAltIcon className="inline-block h-5 w-5" />
-                              {board.commentCount}
-                            </strong>
-                          </div>
-                        </div>
-                        <p className=" flex justify-between">
-                          <span className="mt-1 text-sm text-gray-500">
-                            {board.writer}
-                          </span>
-                          <span className="mt-1 text-sm">
-                            {getDiffTimeWithFormat(board.registerTime)}
-                          </span>
-                        </p>
-                      </div>
-                      <div className="absolute top-0 inset-x-0 h-72 rounded-lg p-4 flex items-end justify-end overflow-hidden ">
-                        <div
-                          aria-hidden="true"
-                          className="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black dark:from-white opacity-50 hidden group-hover:block"
-                        />
-                        <p className="relative text-lg font-semibold text-white hidden group-hover:block dark:text-black">
-                          <EyeIcon className="inline-block h-5 w-5 mx-2 text-divisionGray dark:text-gray-700" />
-                          {board.visitCount}
-                        </p>
-                      </div>
-                    </div>
-                  </Link>
-                </div>
-              ))}
+              {notices.map((board, index) => card(board, index, true))}
             </div>
           </Horizontable>
-          <div name="공지사항" className="relative my-3 mt-5">
+          <div name="공지사항" className="relative my-2">
             <div
               className="absolute inset-0 flex items-center"
               aria-hidden="true"
@@ -143,89 +151,7 @@ const Gallary = ({ notices, boards, linkHandler, state }) => {
       )}
       {/*=====================================================================*/}
       <div className="grid grid-cols-1 gap-y-12 sm:grid-cols-2 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8">
-        {boards?.map((board, index) => (
-          <div
-            key={board.id}
-            className={
-              ' border-l border-b border-r rounded-lg p-2 group shadow-lg dark:border-gray-600'
-            }
-          >
-            <Link
-              to={`/post/${categoryId}/${board.id}`}
-              onClick={(e) => {
-                if (
-                  board.isSecret &&
-                  board.writerId != state.member?.memberInfo?.id
-                )
-                  linkHandler(e, board);
-              }}
-            >
-              <div className={' relative'}>
-                <div className="relative w-full h-72 p-1 rounded-lg flex items-center bg-gray-300 dark:bg-gray-700">
-                  {board.isSecret ? (
-                    <div className="bg-gray-300 bg-opacity-50 text-slate-500 flex items-center text-center w-full h-full object-center object-cover rounded-lg dark:text-gray-200">
-                      <div className="w-full">
-                        <LockClosedIcon className="inline-block h-10 w-10" />
-                        <br />
-                        비밀글입니다.
-                      </div>
-                    </div>
-                  ) : (
-                    <img
-                      src={board.thumbnailPath}
-                      alt="썸네일 이미지"
-                      className="w-full h-full object-center object-cover rounded-lg bg-mainWhite dark:bg-mainBlack"
-                    />
-                  )}
-                </div>
-                {isNewPost(board.registerTime) ? (
-                  <strong className="inline-block absolute top-[-20px] right-[-20px] rounded-full shadow-md shadow-red-500/50 m-1 w-7 h-7 align-middle text-center text-base bg-red-500 border-2 text-mainWhite ">
-                    N
-                  </strong>
-                ) : (
-                  ''
-                )}
-                <div className="relative mt-4">
-                  <div className="flex items-center">
-                    <h3 className="text-sm font-medium truncate bold text-gray-900 dark:text-mainWhite">
-                      {board.title}
-                    </h3>
-                    <div className="flex-1 min-w-fit ">
-                      {board.files && board.files.length != 0 ? (
-                        <DocumentTextIcon className="inline-block h-5 w-5 text-slate-500" />
-                      ) : (
-                        ''
-                      )}
-
-                      <strong className="text-mainYellow">
-                        <ChatAltIcon className="inline-block h-5 w-5" />
-                        {board.commentCount}
-                      </strong>
-                    </div>
-                  </div>
-                  <p className=" flex justify-between">
-                    <span className="mt-1 text-sm text-gray-500">
-                      {board.writer}
-                    </span>
-                    <span className="mt-1 text-sm">
-                      {getDiffTimeWithFormat(board.registerTime)}
-                    </span>
-                  </p>
-                </div>
-                <div className="absolute top-0 inset-x-0 h-72 rounded-lg p-4 flex items-end justify-end overflow-hidden ">
-                  <div
-                    aria-hidden="true"
-                    className="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50 hidden group-hover:block dark:from-white"
-                  />
-                  <p className="relative text-lg font-semibold text-white hidden group-hover:block dark:text-black">
-                    <EyeIcon className="inline-block h-5 w-5 mx-2 text-divisionGray dark:text-gray-700" />
-                    {board.visitCount}
-                  </p>
-                </div>
-              </div>
-            </Link>
-          </div>
-        ))}
+        {boards?.map((board, index) => card(board, index, false))}
       </div>
     </>
   );
diff --git a/src/page/Board/Components/Table.jsx b/src/page/Board/Components/Table.jsx
index f55c7929..e04c2361 100644
--- a/src/page/Board/Components/Table.jsx
+++ b/src/page/Board/Components/Table.jsx
@@ -28,6 +28,100 @@ const Table = ({
     if (id == currentId) return 'text-mainYellow  rounded-lg';
     return;
   };
+  const row = (board, index, isN) => {
+    //isN은 공지글인지 일반 글인지 여부(true=>공지글, false=>일반 글)
+    return (
+      <tr
+        key={board.id}
+        className={
+          (isN
+            ? 'bg-gray-100 dark:bg-gray-900 border-b-2 hover:bg-gray-200 hover:shadow-lg dark:hover:bg-darkComponent dark:border-darkComponent '
+            : ' border-b-2 hover:bg-gray-50 hover:shadow-lg dark:hover:bg-darkComponent dark:border-darkComponent ') +
+          getCurrentBoard(board.id, postId)
+        }
+      >
+        {/*console.log(board)*/}
+        <td className="w-[3em] border-r border-divisionGray text-center dark:border-darkComponent">
+          {isN ? '공지' : MAX_POSTS * (currentPage - 1) + index + 1}
+        </td>
+        <td className="p-2 max-w-0 dark:border-darkComponent">
+          <Link
+            to={`/post/${categoryId}/${board.id}`}
+            onClick={(e) => {
+              if (
+                board.isSecret &&
+                board.writerId != state.member?.memberInfo?.id
+              )
+                linkHandler(e, board);
+            }}
+          >
+            <div className=" w-full flex items-center">
+              <p className="truncate text-md mr-1">
+                {board.isSecret ? (
+                  <LockClosedIcon className="inline-block h-5 w-5 m-1 text-slate-400 " />
+                ) : (
+                  ''
+                )}
+                <strong className={board.isSecret ? 'text-slate-400' : ''}>
+                  {board.title}
+                </strong>
+              </p>
+              <div className="flex-1">
+                {board.thumbnail ? (
+                  <PhotographIcon className="inline-block h-5 w-5 m-1 text-slate-500 " />
+                ) : (
+                  ''
+                )}
+                {board.files ? (
+                  <DocumentTextIcon className="inline-block h-5 w-5 text-slate-500" />
+                ) : (
+                  ''
+                )}
+                {board.commentCount != 0 ? (
+                  <strong className="text-mainYellow">
+                    {'(' + board.commentCount + ')'}
+                  </strong>
+                ) : (
+                  ''
+                )}
+                {isNewPost(board.registerTime) ? (
+                  <strong
+                    className={
+                      (isN ? 'dark:text-mainBlack' : '') +
+                      ' inline-block rounded-full w-5 h-5 align-middle text-center text-xs my-1 pb-1 bg-red-500 shadow-lg border-2 border-red-200 text-mainWhite'
+                    }
+                  >
+                    N
+                  </strong>
+                ) : (
+                  ''
+                )}
+              </div>
+            </div>
+            <p className="mt-2 text-xs md:hidden">
+              글쓴이 : <strong>{board.writer} </strong>| 작성일시 :
+              <strong>{getDateWithFormat(board.registerTime)} </strong>|{' '}
+              <span className="inline-block">
+                조회수 : <strong>{board.visitCount} </strong>
+              </span>
+            </p>
+          </Link>
+        </td>
+
+        <td className="text-center dark:border-darkComponent hidden md:table-cell">
+          {board.writer}
+        </td>
+        <td className="text-center dark:border-darkComponent hidden md:table-cell">
+          {/*getDateWithFormat(board.registerTime)
+          <br />*/}
+          {getDiffTimeWithFormat(board.registerTime)}
+        </td>
+        <td className="text-center dark:border-darkComponent hidden md:table-cell">
+          {board.visitCount}
+        </td>
+      </tr>
+    );
+  };
 
   return (
     <table className="w-full">
@@ -51,170 +145,10 @@ const Table = ({
         </tr>
       </thead>
       <tbody>
-        {notices?.map((board, index) => (
-          <tr
-            key={index}
-            className={
-              'bg-gray-100 dark:bg-gray-900 border-b-2 hover:bg-gray-200 hover:shadow-lg dark:hover:bg-darkComponent dark:border-darkComponent ' +
-              getCurrentBoard(board.id, postId)
-            }
-          >
-            <td className="border-r border-divisionGray text-center dark:border-darkComponent">
-              공지
-            </td>
-            <td className="p-2 max-w-0 dark:border-darkComponent">
-              <Link
-                to={`/post/${categoryId}/${board.id}`}
-                onClick={(e) => {
-                  if (
-                    board.isSecret &&
-                    board.writerId != state.member?.memberInfo?.id
-                  )
-                    linkHandler(e, board);
-                }}
-              >
-                <div className=" w-full flex items-center">
-                  <p className="truncate text-md ">
-                    <strong className={board.isSecret ? 'text-slate-400' : ''}>
-                      {board.title}
-                    </strong>
-                  </p>
-
-                  <div className="flex-1">
-                    {board.thumbnail ? (
-                      <PhotographIcon className="inline-block h-5 w-5 m-1 text-slate-500 " />
-                    ) : (
-                      ''
-                    )}
-                    {board.files && board.files.length != 0 ? (
-                      <DocumentTextIcon className="inline-block h-5 w-5 text-slate-500" />
-                    ) : (
-                      ''
-                    )}
-                    {board.commentCount != 0 ? (
-                      <strong className="text-mainYellow">
-                        {'(' + board.commentCount + ')'}
-                      </strong>
-                    ) : (
-                      ''
-                    )}
-                    {isNewPost(board.registerTime) ? (
-                      <strong className="inline-block rounded-full w-5 h-5 align-middle text-center text-xs m-1 pb-1 bg-red-500 shadow-lg border-2 border-red-200 text-mainWhite dark:text-mainBlack">
-                        N
-                      </strong>
-                    ) : (
-                      ''
-                    )}
-                  </div>
-                </div>
-                <p className="mt-2 text-xs md:hidden">
-                  글쓴이 : <strong>{board.writer} </strong>| 작성일시 :
-                  <strong>{getDateWithFormat(board.registerTime)} </strong>|{' '}
-                  <span className="inline-block">
-                    조회수 : <strong>{board.visitCount} </strong>
-                  </span>
-                </p>
-              </Link>
-            </td>
 
-            <td className="text-center dark:border-darkComponent hidden md:table-cell">
-              {board.writer}
-            </td>
-            <td className="text-center dark:border-darkComponent hidden md:table-cell">
-              {/*getDateWithFormat(board.registerTime)
-                <br />*/}
-              {getDiffTimeWithFormat(board.registerTime)}
-            </td>
-            <td className="text-center dark:border-darkComponent hidden md:table-cell">
-              {board.visitCount}
-            </td>
-          </tr>
-        ))}
-        {/*=============================================================================================*/}
-        {boards?.map((board, index) => (
-          <tr
-            key={board.id}
-            className={
-              ' border-b-2 hover:bg-gray-50 hover:shadow-lg dark:hover:bg-darkComponent dark:border-darkComponent ' +
-              getCurrentBoard(board.id, postId)
-            }
-          >
-            {/*console.log(board)*/}
-            <td className="w-[3em] border-r border-divisionGray text-center dark:border-darkComponent">
-              {MAX_POSTS * (currentPage - 1) + index + 1}
-            </td>
-            <td className="p-2 max-w-0 dark:border-darkComponent">
-              <Link
-                to={`/post/${categoryId}/${board.id}`}
-                onClick={(e) => {
-                  if (
-                    board.isSecret &&
-                    board.writerId != state.member?.memberInfo?.id
-                  )
-                    linkHandler(e, board);
-                }}
-              >
-                <div className="flex items-center">
-                  <p className="truncate text-md ">
-                    {board.isSecret ? (
-                      <LockClosedIcon className="inline-block h-5 w-5 m-1 text-slate-400 " />
-                    ) : (
-                      ''
-                    )}
-                    <strong className={board.isSecret ? 'text-slate-400' : ''}>
-                      {board.title}
-                    </strong>
-                  </p>
-                  <div className="flex-none">
-                    {board.thumbnail ? (
-                      <PhotographIcon className="inline-block h-5 w-5 m-1 text-slate-500 " />
-                    ) : (
-                      ''
-                    )}
-                    {board.files && board.files.length != 0 ? (
-                      <DocumentTextIcon className="inline-block h-5 w-5 text-slate-500" />
-                    ) : (
-                      ''
-                    )}
-                    {board.commentCount != 0 ? (
-                      <strong className="text-mainYellow">
-                        {'(' + board.commentCount + ')'}
-                      </strong>
-                    ) : (
-                      ''
-                    )}
-                    {isNewPost(board.registerTime) ? (
-                      <strong className="inline-block rounded-full w-5 h-5 align-middle text-center text-xs m-1 pb-1 bg-red-500 shadow-lg border-2 border-red-200 text-mainWhite">
-                        N
-                      </strong>
-                    ) : (
-                      ''
-                    )}
-                  </div>
-                </div>
-                <p className="mt-2 text-xs md:hidden">
-                  글쓴이 : <strong>{board.writer} </strong>| 작성일시 :
-                  <strong>{getDateWithFormat(board.registerTime)} </strong>|{' '}
-                  <span className="inline-block">
-                    조회수 : <strong>{board.visitCount} </strong>
-                  </span>
-                </p>
-              </Link>
-            </td>
+        {notices?.map((board, index) => row(board, index, true))}
+        {boards?.map((board, index) => row(board, index, false))}
 
-            <td className="text-center dark:border-darkComponent hidden md:table-cell">
-              {board.writer}
-            </td>
-            <td className="text-center dark:border-darkComponent hidden md:table-cell">
-              {/*getDateWithFormat(board.registerTime)
-                <br />*/}
-              {getDiffTimeWithFormat(board.registerTime)}
-            </td>
-            <td className="text-center dark:border-darkComponent hidden md:table-cell">
-              {board.visitCount}
-            </td>
-          </tr>
-        ))}
       </tbody>
     </table>
   );
diff --git a/src/page/Board/Components/TextEditer.jsx b/src/page/Board/Components/TextEditer.jsx
index 0b139016..4ce1af50 100644
--- a/src/page/Board/Components/TextEditer.jsx
+++ b/src/page/Board/Components/TextEditer.jsx
@@ -33,6 +33,8 @@ const TextEditer = (props) => {
   const [thumbnailBase64, setThumbnailBase64] = useState(null); // 파일 base64
   const [thumbnail, setThumbnail] = useState(null);
   const [files, setFiles] = useState([]);
+  const [originFiles, setOriginFiles] = useState([]);
+  const [deleteFileIdList, setDeleteFileIdList] = useState([]); //삭제할 파일 목록
 
   const checkAllowCommentHandler = ({ target }) => {
     setAllowComment(target.checked);
@@ -65,6 +67,7 @@ const TextEditer = (props) => {
       setIsNotice(!!board.isNotice);
       setIsSecret(!!board.isSecret);
       setUploadAble(true);
+      setOriginFiles(board.files);
     }
   }, []);
 
@@ -117,6 +120,17 @@ const TextEditer = (props) => {
   };
   const uploadModifyhandler = (isTemp) => {
     setUploadAble(false);
+    console.log(deleteFileIdList);
+    postAPI
+      .deleteFiles({
+        fileIdList: deleteFileIdList,
+        token: token,
+      })
+      .then((res) => {
+        console.log(res);
+      });
+
+    
     postAPI
       .modify({
         boardId: board.id,
@@ -231,9 +245,13 @@ const TextEditer = (props) => {
           </span>
           <div className="p-2 space-y-2">
             <FilesUploadForm
+              files={files}
               setFiles={setFiles}
               modifyFlag={modifyFlag}
-              board={board}
+              deleteFileIdList={deleteFileIdList}
+              setDeleteFileIdList={setDeleteFileIdList}
+              originFiles={originFiles}
+              setOriginFile={setOriginFiles}
             />
           </div>
         </div>
diff --git a/src/page/Study/Components/Modals/ModifyModal.jsx b/src/page/Study/Components/Modals/ModifyModal.jsx
index 3a5194fe..448bef28 100644
--- a/src/page/Study/Components/Modals/ModifyModal.jsx
+++ b/src/page/Study/Components/Modals/ModifyModal.jsx
@@ -24,7 +24,7 @@ const ModifyModal = ({
         <div className="rounded-t-lg relative p-3 pr-8 bg-mainWhite font-bold dark:bg-darkPoint dark:text-gray-200">
           스터디 수정하기
           <button
-            className="text-2xl absolute top-0 right-[15px] w-5 font-bold text-center text-gray-400 bg-transparent"
+            className="text-2xl absolute top-2 right-[15px] w-5 font-bold text-center text-gray-400 bg-transparent"
             onClick={() => {
               setCurrentStudy(null);
             }}
@@ -32,7 +32,7 @@ const ModifyModal = ({
             &times;
           </button>
         </div>
-        <div className="rounded-b-lg border-mainBlack w-[90vw] sm:w-[70vw] h-[80vh] overflow-y-scroll">
+        <div className="max-w-3xl w-[90vw] h-[80vh] overflow-y-scroll">
           <ModifyStudy
             study={currentStudy}
             setCurrentStudy={setCurrentStudy}