React

기본 개념 리액트는 UI 자바스크립트 라이브러리로써 싱글 페이지 애플리케이션의 UI(User Interface)를 생성하는데 집중한 라이브러리이다. React의 특징 리액트는 자바스크립트에 HTML을 포함하는 JSX(JavaScript XML)이라는 문법을 사용한

각각의 컴포넌트에는 라이프사이클 즉, 컴포넌트의 수명주기가 존재한다. 컴포넌트의 수명은 보통 페이지에서 렌더링 되기 전인 준비과정에서 시작하여 페이지에서 사라질 때 끝이 난다 라이프 사이클은 총 9개가 존재하며 크게 마운트(Mount), 업데이트(Update), 언

일반적 차이 클래스형 state, lifeCycle 관련 기능사용이 가능하다. 메모리 자원을 함수형 컴포넌트보다 조금 더 사용된다. 임의 메서드를 정의할 수 있다. 함수형 state, lifeCycle 관련 기능사용이 불가능하다, [대신 Hook을 통해 해결]

useState useState 훅은 state, setState를 배열의 형태로 리턴(변수명은 자유롭게 설정 가능) state : 현재 상태값 setState : state값을 변경할 수 있는 함수 setState를 사용하여 state를 변경하면 해당 컴포넌

useRef React 컴포넌트는 기본적으로 State가 변할때 마다 다시 렌더링 된다 함수형 컴포넌트는 함수이기 때문에 렌더링이 될 때 마다 다시 호출되게 된다 → 컴포넌트 함수가 다시 호출이 된다는 것은 함수 내부의 변수들이 모두 다시 초기화가 되고 함수

useMemo memoization이란 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법을 말한다. memoization을 절적히 적용하면 중복 연산을 피할 수 있기 때문에 메모리를 조금 더 쓰더라도 애플리케이션의 성

useReducer React에서 컴포넌트의 상태 관리를 위해 기본적으로 가장 많이 쓰이는 hook은 setState()  함수이지만. 좀 더 복잡한 상태 관리가 필요한 React 컴포넌트에서는 setReducer()  hook 함수를 사용할 수 있다. 한 컴포넌트