방구석 개발자의 놀이터

key값을 이용해서 의도적으로 컴포넌트를 언마운트 시켜야 할 때가 있다. export default function App(){ return( 사용자 상세 정보 ); } function UserDetail({user}){ // 여기에 상태값들이 있다고 가정하자 } 다음과 같이 사용자 정보를 받아서 렌더링을 하는 UserDetail 컴포넌트가 있다고 가정하자 이떄 UserDetail 함수에서 관리하는 상태값들이 있다고 가정할 때 그 상태값들은 해당 유저에 대한 상태값으로 부모로부터 넘어오는 user 데이터가 변경됐을 때 UserDetail함수 안의 상태값을 초기화 해야한다. 이 때, export default function App(){ return( 사용자 상세 정보 ); } function UserDe..

React Component는 클래스형 컴포넌트 또는 함수형 컴포넌트로 작성될 수 있다. 1. 기능적 차이 클래스형 컴포넌트는 함수형 컴포넌트가 할 수 있는 모든 일을 할 수 있다. React 16.8 이전 버전의 함수형 컴포넌트가 할 수 없는 일 상태값을 가질 수 없다 React Component의 생명 주기 함수를 작성할 수 없다 그러나, React 16.8부터 훅(hook)이라는 기능이 추가되면서 함수형 컴포넌트에서도 상태값과 생명 주기 함수 코드를 작성할 수 있게 되었다 2. 결론 새로운 프로젝트를 만든다면 되도록 클래스형 컴포넌트를 지양하고 훅(hook)과 함께 함수형 컴포넌트를 작성하는게 좋다 출처 : 실전 리액트 프로그래밍 도서

1. @ComponentScan @Configuration @ComponentScan(basePackages = "패키지명") public class AppConfig { } @Component public class B { } basePackages에 해당하는 패키지 안의 @Component 어노테이션이 붙은 class를 scanning하고 자동으로 Bean으로 등록시킨다. 즉, 위의 클래스B 는 xml에 Bean으로 등록을 안해도 Bean으로 등록시켜준다. (단, AppConfig 이 클래스는 xml에 Bean이라고 등록을 해야한다.) 2. @Repository @Repository public class JpaMovieFinder implements MovieFinder { // implementa..