반응형

State 2

[React] React 동작원리 ( + useMemo / useCallback )

How does react work? React : A JavsScript library for building user interfaces. React는 component로 UI를 효율적으로 구축하고 업데이트한다. React는 component와 state를 관리하는 라이브러리일뿐이다! 컴포넌트들을 관리하고, 컴포넌트의 props, state, context가 변할 때 마다 그것을 쓰는 component를 update하고 컴포넌트가 화면에 새로운 내용을 띄우려는지 확인한다. 새로운 내용이 있으면 react가 reactDOM으로 전달해서 DOM이 새로운 화면, 즉 새로운 component를 화면에 띄운다. ( DOM : html을 계층구조화하여 트리구조로 만든 객체 모델이다. DOM을 활용하여 Java..

Archive 2022.01.27

[REACT] State / Event

State ?   🔻 State란: 컴포넌트 내부에서 가지고있는, 객체형태의 컴포넌트의 상태값이며 함수내에 선언된 변수처럼 컴포넌트 내에서 정의하고  사용하며 변경까지시킬 수 있는 객체.(state는 object이고 compo의 data를 넣을 공간이 있고, 이 데이터는 변함)  - State가 필요한 이유    : 컴포넌트안의 요소에서 그 상태값반영해서 데이터가 바뀔때마다 효율적으로 화면(UI)에 나타내기 위해서 필요.  - State와 Props의 차이   : 두객체 모두 렌더링 결과물에 영향을 주는 정보(컴포넌트의 속성값)를 가짐.    props :  (함수의 매개변수처럼) 부모로부터 props를 받고,                     이 props는 상속받은 컴포넌트 내에서 수정 불가능(..

Archive 2021.09.04
반응형