반응형 Frontend16 [ 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. [JS] Uncaught SyntaxError: Cannot use import statement outside a module 에러 해결 방법 🚨 크롬 console 에러 메시지Uncaught SyntaxError: Cannot use import statement outside a module❓에러 발생 이유브라우저가 해당 script를 ES6 모듈로 인식하지 못해서 발생하는 문제입니다. ✅ 해결 방법브라우저가 해당 script를 ES6 모듈로 인식할 수 있게 -->수정 코드 math.jslet pi = 3.14;export { pi }; index.jsimport { pi } from "./math.js";console.log(pi); 2024. 7. 10. [JS] JavaScript 스톱 워치 (+코드) 📄 StopWatch 요구 사항Start 버튼을 누르면 시간이 증가합니다.Stop 버튼을 누르면 시간이 정지합니다.Reset 버튼을 누르면 시간이 초기화됩니다. index.html StopWatch 0:0 Start Stop Reset script.js// 각 요소 변수에 저장하기const appendTens = document.getElementById('tens');const appendSeconds = document.getElementById('seconds');const buttonStart = document.getElementById('button-start');const buttonStop = docume.. 2023. 10. 25. 이전 1 2 3 4 다음 반응형
