connecting dots

type FooterProps = { message: string color?: 'blue' | 'red' | 'green' | 'yellow" // 또는}type HeaderProps = { title: string size?: 'small' | 'medium' | 'large' color?:'blue' | 'red' | 'green' | 'yellow"}function Header(props: HeaderProps) { return ( {props.title} )}function App() { return ( // 오류 발생, color에는 black이 들어갈 수 없음 ! )}vite: 간단해서 많이 사용↓webp..

부모 컴포넌트에서 자녀 컴포넌트로 데이터를 전달할 때 !Props- Properties의 줄임말- Props는 상속하는 부모 컴포넌트로부터 자녀 컴포넌트에 데이터 등을 전달하는 방법- Props는 읽기 전용(immutable)으로 자녀 컴포넌트에서는 데이터를 변경할 수 없음 (읽기만 할 수 있음)(변하게 하고자 하면 부모 컴포넌트에서 state를 변경시켜줘야 함)     App.jsinitialExpenses = [ { id: 1, charge: "렌트비", amount: "1600" }, { id: 2, charge: "교통비", amount: "400" }, { id: 3, charge: "식비", amount: "1200" }, ];{/* expenseList로 데이터를 내려줌 *..