인프런 커뮤니티 질문&답변

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.<computed> @ 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.<computed> @ 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.<computed> @ 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.<computed> @ index.js:1

콘솔 창을 확인했는데 저는 상품정보가 입력되지않고 이런식으로 나오네요 이유가 무엇인지 알 수 있을까요?