Context : 같은 문맥( 목적 ) 아래에 있는 컴포넌트 그룹에 데이터를 공급하는 기능 사용 이유 리액트 컴포넌트 계층 구조에서 컴포넌트 간에 값을 전달할 때 발생하는 Props Drilling 문제를 해결하기 위해 사용됩니다. → Context 이용 시 단계마다 일일이 Props를 전달하지 않고도 컴포넌트 트리 전역에 데이터를 공급할 수 있어 Props Drilling 문제를 간단하게 해결할 수 있습니다. ContextAPI : Context를 만들고 다루는 리액트 기능으로 createContext, Context.Provider 등이 있습니다. Context 만들기 import React from "react"; const MyContext = React.createContext(defaultVa..

23-24/React.js 1 2024. 1. 5. 10:00

1. Context 리액트 컴포넌트 트리 전체를 대상으로 같은 문맥 아래에 있는 컴포넌트 그룹에 데이터를 공급하는 기능이다. 리액트 컴포넌트 계층 구조에서 컴포넌트 간에 값을 전달할 때 발생하는 Props Drilling 문제를 해결하기 위해 사용한다. Context를 이용하면 단계마다 일일이 Props를 전달하지 않고도 컴포넌트 트리 전역에 데이터를 공급할 수 있어 Props Drilling 문제를 간단하게 해결할 수 있다. 2. ContextAPI Context를 만들고 다루는 리액트 기능으로 createContext, Context.Provider 등이 있다. React.createContext를 이용하면 새로운 Context를 만들 수 있다. import React from "react"; con..

23-24/React.js 2 2024. 1. 5. 10:00