반응형 에러17 [ React ] Uncaught TypeError: users.map is not a function 오류 해결 방법 💥 Chrome 개발자 도구에서 발생한 에러 메시지Uncaught TypeError: users.map is not a function ❓에러 발생 이유JavaScript의 map 메서드는 Array 타입의 변수를 대상으로 실행되는 함수입니다.하지만 Array 타입이 아닌 자료형의 변수를 대상으로 해당 메서드를 사용할 경우에 나타나는 오류 메시지입니다. 👉 React의 렌더링 흐름아래 코드에서 console.log를 통하여 users를 출력해 보겠습니다.import React, { useEffect, useState } from "react";function UserPage() { const [users, setUsers] = useState(""); useEffect(() => { fetc.. 2024. 10. 14. [ React ] Warning: Encountered two children with the same key 오류 해결 방법 💥 Chrome 개발자 도구에서 발생한 에러 메시지Warning: Encountered two children with the same key, `1`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.❓에러 발생 이유React는 React 엘리먼트를 렌더링 할 때 Diffing이라는 작업을 진행합니다.그러기 위해서는 유니크한 Key 값이 필요합니다.하지만, 유니크한 Ke.. 2024. 10. 11. [QueryDSL] Could not find com.querydsl:querydsl-apt: 5.0.0. 오류 해결 방법 🚨 Build 실행 후 발생한 에러 메시지itemservice-db:main: Could not find com.querydsl:querydsl-apt: 5.0.0.Required by: project :Possible solution:- Declare repository providing the artifact, see the documentation at https://docs.gradle.org/current/userguide/declaring_repositories.html ❓에러 발생 이유Spring이 해당 라이브러리를 찾지 못해서 발생하는 에러 메시지입니다.저의 경우에는 com.querydsl:querydsl-apt: 5.0.0에서공백이 발생하여 해당 라이브러리를 찾지 못해 나타난 에러.. 2024. 7. 22. [ React ] Expected an assignment or function call and instead saw an expression 오류 해결 방법 💥 React 실행 후 발생한 에러 메시지ERROR[eslint] src/App.js Line 49:13: Expected an assignment or function call and instead saw an expression no-unused-expressionsSearch for the keywords to learn more about each error. ✅ 해결 방법'{'를 생략해 줍니다.setTodoData(prev => {[...prev, newTodo]})setTodoData(prev => [...prev, newTodo]) 2024. 7. 15. 이전 1 2 3 4 5 다음 반응형
