저번에 mock data를 받아오는 것과 실제 API를 받아오는 것을 class를 사용하여 로직을 짜보았다. but, 이렇게 해도 여전히 문제가 발생한다. 사용하는 곳(네트워크 통신이 일어나는 곳)마다 class 인스턴스를 생성해서 호출해야 한다는 것. 🥺 이렇게 되면 내부 로직이 노출되어 있을 뿐만 아니라, 계속 호출할 때마다 새로운 인스턴스를 생성해야 해서 성능면에서 좋지 못하다. 그렇기 때문에 이번에는 Context API를 사용해서 youtube API를 담당하는 우산을 하나 만들어 줄 거고 그 우산에서 딱 하나의 인스턴스를 가지고 있을 수 있도록 만들어 볼 것이다. 1. 먼저, src 폴더 내에 context 폴더 만들기. 그리고 YoutubeApiContext.js 파일 생성해주기. creat..