context api

💎 Context API 📣 createContext - ContextAPI를 사용하기위해 전역변수로 쓸수있는 컴포넌트를 하나만들어준다!! import React, { createContext } from 'react'; // createContext(초기값) : Context 생성 const UserContext = createContext(); export default UserContext; 📣 Context API 실습 - import를 2개해주는데 하나는 기본적으로해줬던 import에서 useContext를 사용할거기때문에 추가해주고 ↑ 위에서 만들어준 UserContext도 import해준다. import React, { useState , useContext } from 'react'; im..

💎 Context API - Context API는 React 컴포넌트 트리 전체에서 데이터를 공유할 수 있는 방법을 제공합니다. 이를 통해 중첩된 구조에서 데이터를 전달하는 데 있어서 불필요한 props drilling을 방지 할 수 있습니다. 🌈 props drilling 은 React 컴포넌트 구조에서 하위 컴포넌트로 데이터를 전달하기 위해 상위 컴포넌트를 거치는 것을 의미합니다. 이는 컴포넌트 구조가 깊어지면 서 코드가 복잡해지고 유지보수가 어려워지는 문제를 유발합니다. Context API 는 이러한 문제점을 해결하기 위한 방법 중 하나입니다. - Context를 사용하기 위해서는 createContext() 함수를 사용하여 Context 객체를 생성해야 합니다. 이후 Context.Provid..