요약: Props
Coddy React 여정의 기초 (Fundamentals) 섹션에 포함된 레슨 — 42개 중 21번째.
챌린지
쉬움챕터 요약: 프롭스(props)와 children으로 만든 작은 메뉴입니다.
Item이name과price프롭스를 받아서<li>안에{name}: ${price}를 렌더링하도록 만드세요.Card가children을 표시하는className="card"를 가진<div>를 렌더링하도록 만드세요.- App에서
<Card>...</Card>를 사용하여<ul id="menu">를 감싸고, 그 안에서 **두 개**의 Item을 렌더링하세요: name은Tea이고 price는3, 그다음 name은Cake이고 price는5입니다 (price는 숫자로 전달하세요!).
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>