[REACT]- context 란? 개념정리

React context

React Context란 컴포넌트간의 데이터를 전달할 수 있는 또 다른 방법이다. Props 데이터 전달 방식이 가지고 있는 Props Drilling 문제를 해결할 수 있다.  Props Drilling은 모지? 좀더 자세히 알아보자 

 

 

Props Drilling

Props Drilling이란 Props가 마치 드릴로 땅을 파고 밑으로 끊임없이 내려가는 현상을 표현한 것이다. 이러한 현상이 발생하는 이유는 Props가 부모-자식 관계를 가지고 있는 컴포넌트 사이에서만 데이터 전달이 가능하기 때문이다. 

 

 Props는 부모-자식 관계를 가지고 있는 컴포넌트 사이에서만 데이터를 전달을 할수있기에 만약 자식 아래에 있는 손주 props에 데이터에 전달을 하고 싶다면 먼저 자식 컴포넌트에 props를 전달을 하고 다시 손주 props에 데이터를 전달을 해야 하는 불편함이 존재한다. 조그마한 프로젝트에서는 사용해도 큰 문제는 없지만 프로젝트가 커지고 컴포넌트 수가 많아지만 불편해진다. 알아두자

 

컨텍스트란?

 

 

context란 데이터를 보관하는 일종의 객체이다. context를 새롭게 생성을 하고 여러번 사용이 될것 같은 함수나 data 객체 들을 context에 저장을 하고 그 데이터를 사용하고 싶다면 Context에 저장된 데이터를 꺼내서 사용을 하면된다. 끗!