반응형 개발자44 [ 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] 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 리스트 엘리먼트에서 key 값의 중복이 발생하게 되면서 나타나는 에러 메시지입니다.React는 엘리먼트를 렌더링 할 때.. 2024. 10. 11. [React] JSX란? 아주 쉽게 총 정리(+코드, 그림) 📄 JSX란?JavaScript에 HTML 태그를 끼얹은 문법JSX = JavaScript + HTMLHTML 태그 안에선 중괄호({})를 사용해서 JS를 쓸 수 있다.JavaScript의 공식 문법이 아니며, JavaScript의 확장 문법이다. 🖥️ 소스 코드로 이해하기const count = 1;const title = {count}번째 게시물다음 코드는 title 이라는 변수에 {count}번째 게시물을 선언한 코드입니다.즉, JavaScript 문법(const title)에 HTML 태그()를 끼얹은 JavaScript의 확장 문법입니다. 📄 JSX의 특징JSX에서 사용되는 태그의 속성 이름이 HTML과 조금 다름class -> classNamefor -> htmlForonclick ->.. 2024. 10. 8. 알기 쉽게 정리한 Babel이란? 프론트엔드 개발자를 위한 웹팩 Babel이란?React 프로젝트 생성 도구 내부에 기본적으로 Babel이 구성되어 있습니다.즉, React를 사용하여 프로젝트를 구성한다는 것은 Babel을 사용하여 프로젝트를 구성한다는 것입니다. 브라우저는 JSX를 이해하지 못합니다.그래서 Babel이라는 통역사로 JSX -> JavaScript로 변환해서 브라우저에게 알려줍니다. JavaScript는 시대가 변함에 따라 문법에 변화가 생겼습니다.JavaScript의 어떤 최신 문법들을 최대한 많은 브라우저가 호환할 수 있게끔 변환해 줍니다.=> 브라우저의 버전이 최신 버전이 아니라면 해석할 수 있는 JavaScript의 문법이 최신 버전이 아닐 수 있기 때문즉, Babel은 기본적으로 JSX의 문법을 JavaScript 문법으로 변환해서 브라우저에.. 2024. 10. 7. 이전 1 ··· 6 7 8 9 10 11 다음 반응형
