콘솔 오류관련 질문입니다

Question

log.js:24 [HMR] Waiting for update signal from WDS... scheduler.development.js:298 [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M91, around May 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details. (anonymous) @ scheduler.development.js:298 ./node_modules/scheduler/cjs/scheduler.development.js @ scheduler.development.js:843 __webpack_require__ @ bootstrap:856 fn @ bootstrap:150 ./node_modules/scheduler/index.js @ index.js:6 __webpack_require__ @ bootstrap:856 fn @ bootstrap:150 (anonymous) @ react-dom.development.js:18 ./node_modules/react-dom/cjs/react-dom.development.js @ react-dom.development.js:26261 __webpack_require__ @ bootstrap:856 fn @ bootstrap:150 ./node_modules/react-dom/index.js @ index.js:37 __webpack_require__ @ bootstrap:856 fn @ bootstrap:150 (anonymous) @ index.css?bb0a:82 ./src/index.js @ index.js:21 __webpack_require__ @ bootstrap:856 fn @ bootstrap:150 1 @ index.js:6 __webpack_require__ @ bootstrap:856 checkDeferredModules @ bootstrap:45 webpackJsonpCallback @ bootstrap:32 (anonymous) @ main.chunk.js:1 index.js:20 null webpackHotDevClient.js:138 src\main\index.js Line 26:11: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text Line 31:11: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text Line 40:21: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text Line 46:23: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text src\product\index.js Line 19:6: React Hook useEffect has a missing dependency: 'id'. Either include it or remove the dependency array react-hooks/exhaustive-deps printWarnings @ webpackHotDevClient.js:138 handleWarnings @ webpackHotDevClient.js:143 push../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:210 66571123-1901-4ee7-9a30-2f64f6e3d2f7.mock.pstmn.io/1:1 Failed to load resource: the server responded with a status of 404 () index.js:1 Error: Request failed with status code 404 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:62) console. @ index.js:1 (anonymous) @ index.js:17 index.js:1 Warning: Each child in a list should have a unique "key" prop. Check the render method of `MainPage`. See https://reactjs.org/link/warning-keys for more information. at div at MainPage (http://localhost:3000/static/js/main.chunk.js:672:80) at Route (http://localhost:3000/static/js/vendors~main.chunk.js:36414:29) at Switch (http://localhost:3000/static/js/vendors~main.chunk.js:36616:29) at div at App at Router (http://localhost:3000/static/js/vendors~main.chunk.js:36049:30) at BrowserRouter (http://localhost:3000/static/js/vendors~main.chunk.js:35669:35) console. @ index.js:1 printWarning @ react-jsx-dev-runtime.development.js:117 error @ react-jsx-dev-runtime.development.js:93 validateExplicitKey @ react-jsx-dev-runtime.development.js:986 validateChildKeys @ react-jsx-dev-runtime.development.js:1013 jsxWithValidation @ react-jsx-dev-runtime.development.js:1184 MainPage @ index.js:33 renderWithHooks @ react-dom.development.js:14985 updateFunctionComponent @ react-dom.development.js:17356 beginWork @ react-dom.development.js:19063 beginWork$1 @ react-dom.development.js:23940 performUnitOfWork @ react-dom.development.js:22776 workLoopSync @ react-dom.development.js:22707 renderRootSync @ react-dom.development.js:22670 performSyncWorkOnRoot @ react-dom.development.js:22293 (anonymous) @ react-dom.development.js:11327 unstable_runWithPriority @ scheduler.development.js:646 runWithPriority$1 @ react-dom.development.js:11276 flushSyncCallbackQueueImpl @ react-dom.development.js:11322 flushSyncCallbackQueue @ react-dom.development.js:11309 scheduleUpdateOnFiber @ react-dom.development.js:21893 dispatchAction @ react-dom.development.js:16139 (anonymous) @ index.js:15 index.js:20 null 66571123-1901-4ee7-9a30-2f64f6e3d2f7.mock.pstmn.io/2:1 Failed to load resource: the server responded with a status of 404 () index.js:1 Error: Request failed with status code 404 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:62) console. @ index.js:1 index.js:20 null 66571123-1901-4ee7-9a30-2f64f6e3d2f7.mock.pstmn.io/1:1 Failed to load resource: the server responded with a status of 404 () index.js:1 Error: Request failed with status code 404 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:62) console. @ index.js:1 콘솔 창을 확인했는데 저는 상품정보가 입력되지않고 이런식으로 나오네요 이유가 무엇인지 알 수 있을까요?

그랩 · Answer

현재 에러 내용을 보면 a status of 404가 보이는데요.  HTTP 통신에서 404 status를 받는다는 것은 서버가 문제가 있다는 뜻입니다. 포스트맨 서버가 제대로 통신이 되는지 다시 확인해주세요.