React
1.[React] Component의 LifeCycle 이해하기
render() 함수constructor 메서드getDerivedStateFromProps 메서드componentDidMount 메서드shouldComponentUpdate 메서드getSnapshotBeforeUpdate 메서드componentDidUpdate 메서드c
2.[React] Hook 등장과 useState를 이용한 동적 상태 관리
리액트 컴포넌트는 클래스형 컴포넌트(Class Component)와 함수형 컴포넌트(Functional Component)로 나뉘어진다.기존의 개발 방식은 일반적으로 함수형 컴포넌트를 주로 사용하되 state나 Life Cycle method를 사용해야 할 때에만 클래
3.[React] useEffect를 이용한 특정 시점 작업 설정하기
useEffect는 리액트 컴포넌트가 랜더링 될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook이다. 클래스형 컴포넌트의 lifecycle method에서 componentDidMount와 componentDidUpdate를 합친 형태와 같은 역할을 수행한다.u
4.[React] useCallback을 사용하여 함수 재사용하기
useCallback은 useMemo와 비슷한 Hook이다.useMemo는 특정 결과값을 재사용할 때 사용하는 반면, useCallback은 특정 함수를 새로 만들지 않고 재사용하고 싶을 때 사용한다.
5.[React] 05.5 useRef로 특정 DOM 선택하기
useRef Hook 은 함수형 컴포넌트에서 ref 를 쉽게 사용 할 수 있게 해준다. Average 컴포넌트에서 등록 버튼을 눌렀을 때 포커스가 인풋 쪽으로 넘어가도록 코드를 작성해보자.useRef 를 사용하여 ref 를 설정하면, useRef 를 통해 만든 객체 안
6.[React] redux 없이 전역 상태 관리하기 (Context API, useContext, useReducer)
Context API는 Redux와 마찬가지로 상태의 중앙 관리를 위한 상태 관리 도구이다.React에서만 사용할 수 있고 여러 저장소가 존재할 수 있다는 것이 Redux와의 차이점이다.Context API는 크게 상태가 저장되는 context상태를 제공하는 Provi