😤 12/16 내배캠 React 34일차

🐜 오늘 할 일

• react입문, 숙련 복습
• react심화 강의 

---

📆 계획표

시간	내용	결과
9:00 ~ 15:00	react입문, 숙련 복습	⛈
15:00 ~ 21:00	숙련 todolist만들기

---

 

👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾

 

Prop Drilling ?

prop Drilling은 props를 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정이다

(부모-> 자식)

 

주의해야할 점

props가 많으면 많을 수록, 코드를 읽을 때 해당 props를 추적하기 힘들어지고, 유지보수하기 어려워진다.

 

해결방법은?

1. 전역 상태관리 라이브러리 사용

: redux, MobX, recoil등 을 사용하여 해당 값이 필요한 컴포넌트에서 직접 불러서 사용할 수 있다.

 

2. Children 사용하기

: children은 태그와 태그 사이의 모든 내용을 표시하기 위해 사용되는 특수한 props 이기 때문에 하나의 컴포넌트에서 값을 관리하고, 그값을 하위요소로 전달할 때 전혀 코드의 추적이 어려워지지 않는다.

 

예)

function First({children}) {
    return(
        <div>
            {children}
        </div>
    );
}

function Second({children}) {
    return(
        <div>
            {children}
        </div>
    );
}

function Third({children}) {
    return(
        <div>
            {children}
        </div>
    );
}

function Last({content}) {
	return(
    	<div>
        	{content}
        </div>
    );
}

 

 

react숙련 주차를 3번째 반복해서 보고있지만, 잘은 이해되지 않는다.

진도를 따라가는것 조차 벅찬것 같아 힘이 빠지지만, 그래도 조금은 느려도 완주할 수 있게 노력해야겠다.