context

React (8) Context

■ Context란? - 기존에 props를 이용하여 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 수 있었다. - 단, 해당 데이터를 자식 컴포너트가 아닌 후손 컴포넌트에서만 필요로 하는 데이터라면 자식 컴포넌트에서 불필요하게 코드를 작성해줘야 하는데 이때 Context를 사용하면 데이터 공급자와 소비자를 정의하여 데이터가 필요한 컴포넌트만 사용할 수 있게 구현할 수 있다. - Context를 사용하면 하위 컴포넌트가 여러 개인 구조에서 먼 후손 컴포넌트도 소비자를 import해서 필요한 데이터를 쓸 수 있다. Props Context props는 부모 컴포넌트에서 직계자식 컴포넌트에게만 전달되는 데이터이다. Context는 모든 컴포넌트에 전반적으로 영향을 끼칠 수 있다. ■ 예시 ● App4.j..