[React] 컴포넌트(component), state, context API

Component

: 컴포넌트(component)는 사용자 정의 태그! 

 

컴포넌트를 쓰는 이유는?

-> 유지 보수 쉬움, 협업할때 보기 좋음

 

컴포넌트로 태그를 묶어도 안에 내용을 바꿀수 없다면? 

유지 보수가 떨어짐 그래서 parameter처럼 바꿀 수 있는 것 -> 'props' ! 

 

 

State 

* state 상태 -> props를 정의해 놓는 것

class형 컴포넌트는 요즘 잘 쓰이지 않기 때문에 함수형 component 

=> useState를 쓴다 근데 

useState는 여러가지 state를 각각 정의해야 함 그래서

context API나 redux(flux pattern)를 사용함! 

 

 

context API

 context API는 redux와 비교해서 context끼리 관리하기 때문에 

최적화가 더 쉬움! 

 

 

 

 

 

 

Reference 

https://velog.io/@velopert/react-hooks#1-usestate

https://ko.legacy.reactjs.org/docs/context.html#contextprovider%EF%BB%BF