반응형 분류 전체보기145 [ Spring ] @Autowired, @Resource, @Inject 차이점 아주 쉽게 정리 @Autowired란?Spring 실행 시점 의존 관계 주입을 위해서 사용하는 어노테이션입니다.그렇기 때문에 Spring FrameWork에서만 사용 가능합니다.타입을 기준으로 의존 관계를 주입합니다. @Resource란?Java에서 만든 의존 관계 주입을 위해서 사용하는 어노테이션입니다.이름을 기준으로 의존 관계 주입합니다. @Inject란?Java에서 만든 의존 관계 주입을 위해서 사용하는 어노테이션입니다.타입을 기준으로 의존 관계를 주입합니다. ↔️ @Autowired @Resource @Inject 비교3가지의 어노테이션 모두 의존 관계 주입을 위한 어노테이션입니다. 하지만, @Autowired의 경우에는 Spring 어노테이션이며,@Resource, @Inject의 경우에는 Java 어노테.. 2024. 10. 16. [ React ] Cannot read properties of null (reading 'map') 오류 원인 및 해결 방법 💥 Chrome 개발자 도구에서 발생한 에러 메시지Uncaught TypeError: Cannot read properties of null (reading 'map') ❓에러 발생 이유현재의 오류 메시지는 null 타입의 변수를 대상으로 map 메서드를 사용했을 때 나타나는 오류 메시지입니다. 👉 React의 렌더링 흐름아래 코드에서 console.log를 통하여 users를 출력해 보겠습니다.import React, { useEffect, useState } from "react";function UserPage() { const [users, setUsers] = useState(null); useEffect(() => { fetch("https://jsonplaceholder.typi.. 2024. 10. 14. [ 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. 이전 1 2 3 4 5 6 ··· 37 다음 반응형
