나가기
🌐 웹 개발 기초›합성 패턴 — children과 슬롯1/5
children은 컴포넌트 안에 무엇이든 넣을 수 있는 구멍입니다
tsx
1// 래퍼 컴포넌트 — 테두리만 제공2function Card({ children }: { children: React.ReactNode }) {3 return (4 <div className="rounded-lg border p-4 shadow-sm">5 {children}6 </div>7 );8}910// 사용: 안에 무엇이든 넣을 수 있다11<Card>12 <h2>제목</h2>13 <p>설명 텍스트</p>14</Card>1516<Card>17 <img src="/photo.jpg" alt="사진" />18 <button>좋아요</button>19</Card>탭하여 계속 ▸
1 / 5