diff --git a/client/package-lock.json b/client/package-lock.json
index 6ebe9d47..00f65616 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -38,6 +38,7 @@
         "html-webpack-plugin": "^5.5.1",
         "prettier": "^2.8.8",
         "style-loader": "^3.3.2",
+        "typescript": "^5.0.4",
         "webpack": "^5.81.0",
         "webpack-cli": "^5.1.4",
         "webpack-dev-server": "^4.13.3"
@@ -8156,6 +8157,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/typescript": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz",
+      "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=12.20"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -14764,6 +14778,12 @@
         "is-typed-array": "^1.1.9"
       }
     },
+    "typescript": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz",
+      "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
+      "dev": true
+    },
     "unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
diff --git a/client/package.json b/client/package.json
index efb87cd4..06f1cbd0 100644
--- a/client/package.json
+++ b/client/package.json
@@ -28,6 +28,7 @@
     "html-webpack-plugin": "^5.5.1",
     "prettier": "^2.8.8",
     "style-loader": "^3.3.2",
+    "typescript": "^5.0.4",
     "webpack": "^5.81.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.13.3"
diff --git a/client/src/page/community/CommunityPost.js b/client/src/page/community/CommunityPost.js
index 69812162..32d9f788 100644
--- a/client/src/page/community/CommunityPost.js
+++ b/client/src/page/community/CommunityPost.js
@@ -62,7 +62,7 @@ const Commpost = () => {
   return (
     <CommunitypostDesign>
       {currentItems &&
-        currentItems.map((el) => (
+        currentItems.map((el, index) => (
           <ul
             key={el.commuId}
             className="list"
@@ -70,7 +70,7 @@ const Commpost = () => {
               goBoard(el);
             }}
           >
-            <li className="postid">{el.commuId}</li>
+            <li className="postid">{data.length - (itemOffset + index ) + el.commuId.substring(el.commuId.length - 2) }</li>
             <li className="postname">{el.displayName}</li>
             <li className="posttitle">
               {el.title.length > 20
diff --git a/client/src/page/user/Login.js b/client/src/page/user/Login.js
index 7beca042..c4104b86 100644
--- a/client/src/page/user/Login.js
+++ b/client/src/page/user/Login.js
@@ -33,8 +33,8 @@ import {
 const Login = () => {
   const navigate = useNavigate();
   const dispatch = useDispatch();
-  const [email, setEmail] = useState('');
-  const [password, setPassword] = useState('');
+  const [email, setEmail] = useState('test@gmail.com');
+  const [password, setPassword] = useState('1234');
   window.scrollTo(0, 0);
 
   const handleSubmit = async (e) => {
diff --git a/client/src/page/user/LoginModal.js b/client/src/page/user/LoginModal.js
index 61678a82..1a3f76c6 100644
--- a/client/src/page/user/LoginModal.js
+++ b/client/src/page/user/LoginModal.js
@@ -35,8 +35,8 @@ import {
 const LoginModal = ({ onClose, isClosing }) => {
   const navigate = useNavigate();
   const dispatch = useDispatch();
-  const [email, setEmail] = useState('');
-  const [password, setPassword] = useState('');
+  const [email, setEmail] = useState('test@gmail.com');
+  const [password, setPassword] = useState('1234');
   window.scrollTo(0, 0);
 
   const handleSubmit = async (e) => {
diff --git a/client/src/redux/boardSlice.js b/client/src/redux/boardSlice.js
index 6f7d7415..a0c010ee 100644
--- a/client/src/redux/boardSlice.js
+++ b/client/src/redux/boardSlice.js
@@ -26,9 +26,9 @@ export const fetchBoardData = createAsyncThunk(
       console.log(response);
       const userProfileImageUrl = response.data.userProfileImageUrl;
 
-      return response.data;
+      return response.data.data;
     } catch (error) {
-      return rejectWithValue(error.response.data);
+      return rejectWithValue(error.response.data.data);
     }
   },
 );