html을 반환하는 함수로 반복해서 재사용이 가능하다.리액트는 컴포넌트를 사용하여 html처럼 작성하려는 경우에 사용한다. 이러한 javascript와 html사이의 조합을 jsx라고 한다.src 폴더 안에 js파일을 만들어 컴포넌트를 생상하고 사용할 수 있으며 항상
컴포넌트가 1) 나타날 때, 2) 업데이트될 때, 3) 사라질 때 중간 중간에 작업하고 싶을 경우 사용한다.컴포넌트가 브라우저에 나타난다.생성자 함수로 컴포넌트가 처음 브라우저에 나타나게 될 때 만들어 지는 과정에서 가장 먼저 실행되는 함수state 초기설정, 컴포넌트
Hook 을 이용하여 Class 를 작성할 필요 없이 상태값 등 여러 react의 기능을 사용할 수 있다.React는 컴포넌트에 재사용 가능한 행동을 붙이기 위하여 render props, hoc와 같은 패턴을 사용한다. 하지만 이러한 패턴을 사용하기 위해서는 컴포넌트
함수형 컴포넌트에서도 상태를 관리하기 위해서 hooks를 사용한다.컴포넌트에서 동적인 값을 상태(state)라고 하는데, 이것을 사용하면 컴포넌트에서 상태를 관리할 수 있다.useState를 사용할 때는 상태의 기본값을 파라미터로 넣어서 호출해준다. 이 함수를 호출해주
✔️ 여기서는 MobX를 클래스형이 아닌 함수형 컴포넌트에서 Hooks, 그리고 Context API와 함께 사용하는 방법을 정리한다. 먼저 MobX와 함께 사용될 Context API에 대하여 알아보도록 하자. Context 주로 어플리케이션으로 전역적으로 데이