React란? — HTML을 넘어서

// 컴포넌트 = 재사용 가능한 UI 조각

// Header 컴포넌트
function Header() {
  return (
    <header>
      <h1>내 블로그</h1>
      <nav>
        <a href="/">홈</a>
        <a href="/about">소개</a>
      </nav>
    </header>
  );
}

// Card 컴포넌트
function Card({ title, content }) {
  return (
    <div className="card">
      <h3>{title}</h3>
      <p>{content}</p>
    </div>
  );
}

// App — 컴포넌트를 조합하여 페이지 완성
function App() {
  return (
    <div>
      <Header />
      <Card title="첫 글" content="안녕하세요!" />
      <Card title="두 번째 글" content="React 재밌다!" />
    </div>
  );
}