전체 글 (19) 썸네일형 리스트형 [Spring] 의존성 주입 Dependency Injection SPRING Dependency Injection Dependency Injection 이란? A클래스에서 B클래스에게 의존(depend)을 할 경우, 내부에 존재하는 필드(멤버 변수)에게 외부에서 값을 주입시켜주는 것을 말한다. 위에 말로는 설명이 부족하다. 아래 코드를 보며 이해해보겠다. public class PetOwner { private AnimalType animal; public PetOwner() { /* 의존성 주입에서는 new 생성자를 사용하지 않는다. */ this.animal = new Dog(); } } 위의 코드는 의존성주입이 아닌 의존성 주입을 이해하기 위한 코드이다. 위에 코드를 보면 현재 PetOwner()객체는 AnimalType객체에게 의존하고있다. 이러한 의존을 의존.. [React] 흔하디 흔한 투두리스트 아니고 로그인 - 2 loginContainer 컴포넌트 만들기 123456789101112131415161718192021222324import React from 'react';import { useDispatch } from 'react-redux'; // ( 1 )import SignInForm from '../components/Auth/SignInForm';import { signInRequestAction } from '../redux/action/auth'; // ( 2 )import { Router } from "react-router-dom"; function AccountContainer () { const dispatch = useDispatch(); const onSignIn = (user) => di.. [React] 흔하디 흔한 투두리스트 아니고 로그인 - 1 개요 react를 처음으로 입문한다면 흔하디 흔한 투두리스트, 카운터 예제를 가장 많이 보게된다. 필자도 react를 투두리스트, 카운터와 같은 예제로 실습을 진행했다. 하지만 실제 프로젝트에 들어가면 서버와 비동기 통신을 해야하고, 상태 관리 등등 많은 개념이 필요해진다. 좀 더 편한 상태 관리를 위해 redux를 도입하고 비동기 통신을 위해 redux-saga를 이용하게 됐다. 하지만 모든 서비스에 필요한 흔하디 흔한 로그인, 회원가입 예제가 없어 처음에 감을 잡기 힘들어 조금이나마 도움이 되기 위해 포스팅하게 됐다. 간단한 설명만 진행하기 위해 프로젝트 구조화, 예제 코드는 간단하게만 작성한다. redux action 만들기 1 2 3 4 5 6 7 8 9 10 11 import { createAc.. 이전 1 2 3 다음
