반응형 에러17 [ React ] Warning: Each child in a list should have a unique "key" prop. 오류 해결 방법 💥 React 실행 후 발생한 에러 메시지Warning: Each child in a list should have a unique "key" prop.Check the render method of `App`. See https://reactjs.org/link/warning-keys for more information.❓에러 발생 이유React의 리스트 엘리먼트 요소에 key 값이 없어서 발생하는 오류입니다.React는 가상 DOM을 사용하여 Diffing 작업을 수행합니다.하지만 key 값이 없으면 각각의 리스트 요소를 구분할 수 없기 때문에 발생하는 오류 에러 메시지입니다.참고로 key 값은 유니크해야 합니다. 추가로 아래는 React 공식문서로 key에 대한 설명글입니다.https://re.. 2024. 7. 12. [ React ] SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag. 오류 해결 방법 💥 React 실행 후 발생한 에러 메시지Compiled with problems:ERROR in ./src/App.jsModule build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/user/Documents/study/react/sec02/src/App.js: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment ...? (37:12) ❓에러 발생 이유JSX 문법 오류 입니다. JSX는 기본적으로 최상위 요소(Element)를 사용해야합니다.하지만 최상위 요소(Element)가 존재하지 않아서 나타난 문법.. 2024. 7. 12. [Postman][Spring] 405 Method Not Allowed 오류 해결 방법 🚨 Postman send 버튼 클릭시 발생한 에러 메시지{ "timestamp": "2024-07-11T17:14:17.577+00:00", "status": 405, "error": "Method Not Allowed", "path": "/test"}❓에러 발생 이유클라이언트에서 요청한 HTTP Method가 서버에 존재하지 않아 나타나는 오류 메시지입니다.해당 오류 메시지는 Spring(Servlet, Tomcat)이 출력하는 에러 메시지입니다.예를 들어 서버(Spring, Java)에서는 HTTP Method를 Put으로 요청받기를 설정하였지만, 클라이언트에서는 HTTP Method를 Post로 요청할 경우에 나타나는 에러입니다.보통은 HTTP Method 설정을 잘못 설정.. 2024. 7. 12. [Postman][Spring] 404 Not Found 오류 해결 방법 🚨 Postman send 버튼 클릭시 발생한 에러 메시지{ "timestamp": "2024-07-11T16:41:54.821+00:00", "status": 404, "error": "Not Found", "path": "/hi" } ❓에러 발생 이유클라이언트에서 요청한 URL이 서버에 존재하지 않아 나타나는 오류 메시지입니다. 해당 오류 메시지는 Spring(Servlet, Tomcat)이 출력하는 에러 메시지입니다. 예를 들어 서버(Spring, Java)에서는 '/hello'라는 URL로 응답 받기를 설정하였지만, 클라이언트에서는 '/hi'라는 URL로 요청할 경우에 나타나는 에러입니다. URL을 잘못 입력하거나, Spring에 해당 URL을 처리하는 Controller가 구현되지 않은 상태입니.. 2024. 7. 12. 이전 1 2 3 4 5 다음 반응형
