React 컴포넌트 간 통신: Context API의 함정과 현대적인 상태 관리 대안
Context API의 매력과 숨겨진 비용
React에서 Props Drilling을 해결하기 위해 Context API는 매우 직관적인 해결책으로 보입니다. 복잡한 외부 라이브러리 없이 전역 상태를 관리할 수 있기 때문입니다.
import { createContext, useContext, useState } from 'react';
const AuthContext = createContext(null);
export const AuthProvider = ({ children }) => {
co ...
7월 8일 23:22에 게시됨
React 컴포넌트 간 데이터 전달 방식 정리
Props를 통한 부모 → 자식 데이터 전달
React에서 컴포넌트는 기본적으로 독립적인 단위이므로 외부로부터 데이터를 받기 위해서는 props를 사용해야 합니다. props는 컴포넌트에 전달되는 읽기 전용 입력값입니다.
// 부모 컴포넌트에서 속성으로 데이터 전달
<UserProfile name="김민수" age={28} isActive />
// 함수형 컴포넌트: 매개변수로 props 수신
funct ...
6월 21일 22:56에 게시됨