[React] React Hooks③: useContext

리액트에서 데이터를 다루는 방법인 props와 state 두 가지에 대한 포스팅을 작성했었습니다. props란 부모 컴포넌트에서 자식 컴포넌트로 전달해주는 값인데, 부모에서 자식으로 전달해주는 값인 props가 컴포넌트의 깊이가 깊어지게 되면 이 과정이 복잡해지고 번거로워질 수 있습니다. 이런 상황에서 사용할 수 있는 hooks가 useContext입니다. useContext를 사용하면 props를 2중 3중으로 넘겨주는 것 대신 데이터를 전역으로 공유해서 바로 사용할 수 있게 됩니다. 리액트 공식문서에 있는 예제를 하나씩 보면서 useContext의 사용법에 대해 차근차근 알아보도록 하겠습니다. useContext 사용법 useContext를 사용하기 위해서 createContext로 전역 객체를 생성해주어야 합니다. createContext로 전역 객체를 생성한 후에는 Provider 컴포넌트로 생성한 context를 하위 컴포넌트에 전달해줍니다. 이제 실제 데이터를 사용할 컴포...

원문링크 : [React] React Hooks③: useContext