리액트

1.리액트1(Class 컴포넌트, Function 컴포넌트, ReactCreateElement)

post-thumbnail

Class 컴포넌트 정의 및 사용 Function 컴포넌트 정의 및 사용 ReactCreateElement로 컴포넌트 만드는 방법 React.createElement( type,//태그 이름 문자열 | 리액트 컴포넌트 | React.Fragment [

2022년 1월 7일

2.리액트2(Props와 State)

post-thumbnail

Props : 컴포넌트 외부에서 컴포넌트에게 주는 데이터 State : 컴포넌트 내부에서 변경할 수 있는 데이터 둘 다 변경이 생기는 경우 render(컴포넌트 그리는 방법을 기술하는 함수)가 다시 일어날 수 있음. > Function Component (defau

2022년 1월 9일

3.Context API [REACT]

post-thumbnail

컨텍스트 생성데이터 Set 하는 방법1.컨텍스트를 생성2.컨텍스트.프로바이더 사용3.value를 사용데이터 Get 하는 방법1 (Consumer)1.컨텍스트를 가져온다2.컨텍스트.컨슈머를 사용한다3.value를 사용한다.데이터 Get 하는 방법2 (Functional)

2022년 9월 12일

4.Hooks [REACT]

post-thumbnail

UseMemo, UseCallback, Component communication, useRef, Hooks https://stackblitz.com/edit/react-ts-vypbqa?file=ComponentComm.tsx

2022년 9월 12일