이제껏 component를 제작할 때, 함수형 component만을 사용했었다. React에서는 함수형이 아닌 다른 방법으로 component를 빌드할 수 있다. React hook에서도 잠깐 다뤘지만, Class를 이용해서 component를 제작할 수 있다. 물론, hook이 도입된 이후로 React project에서는 거의 이 방법을 사용하지 않는다. 따라서, 이부분은 생략을 해도 무관하지만 아직 여전히 많은 third party library나 이미 제작된 project에서 볼 가능성이 있다. Functional Components그 전에 이제까지 배웠던 함수형 component에 대해서 정리하고 넘어가자.function Product(props) { return A Product! ;}// o..
Definition of Context API 이번 시간에는 더 큰 React 어플리케이션에서 마주칠 수 있는 다른 문제들에 대해서 알아보자. 해당 문제는 props를 통해 많은 component를 거쳐 많은 데이터를 전달할 때 발생한다. 이제까지 각 componenet에서 데이터를 상위, 하위의 데이터를 받아오는 방법을 배웠다. Props Chains 아래의 시나리오 구조를 살펴보자. 해당 어플리케이션은 로그인 기능이 있으며, 쇼핑몰처럼 물건을 선택해서 카트에 저장할 수 있다. 로그인에 대한 정보는 LoginForm component에서 사용자로 받아와서 state 형태로 저장될 것이다. 그 정보는 Shop과 Cart에서 사용되기에 전달해줘야한다. 하지만 데이터가 필요할 수도 있는 다른 componen..