[feat]: 관리자 페이지, 관리자 상세 페이지, 공고 작성 페이지

package.json

@@ -54,6 +54,7 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "msw": "^2.0.1",
     "prettier": "3.0.3",
     "tailwindcss": "^3.3.3"
   }

src/index.js

@@ -3,6 +3,11 @@ import ReactDOM from 'react-dom/client';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+/* eslint import/newline-after-import: "off" */
+import worker from './mocks/worker';
+if (process.env.NODE_ENV === 'development') {
+  worker.start();
+}
 
 const queryClient = new QueryClient();
 const root = ReactDOM.createRoot(document.getElementById('root'));

src/mocks/handlers.js

@@ -0,0 +1,10 @@
+import { http, HttpResponse } from 'msw';
+import REQUEST_LIST from './mockData';
+
+const handlers = [
+  http.get('/admin', () => {
+    return HttpResponse.json(REQUEST_LIST);
+  }),
+];
+
+export default handlers;

src/mocks/mockData.js

@@ -0,0 +1,26 @@
+const REQUEST_LIST = {
+  success: true,
+  response: {
+    user: [
+      {
+        user_id: 1,
+        nickname: '홍길동',
+      },
+      {
+        user_id: 2,
+        nickname: '홍길동',
+      },
+      {
+        user_id: 3,
+        nickname: '홍길동',
+      },
+      {
+        user_id: 4,
+        nickname: '홍길동',
+      },
+    ],
+  },
+  error: null,
+};
+
+export default REQUEST_LIST;

src/mocks/worker.js

@@ -0,0 +1,5 @@
+import { setupWorker } from 'msw/browser';
+import handlers from './handlers';
+
+const worker = setupWorker(...handlers);
+export default worker;