JSX와 첫 컴포넌트

🌐 웹 개발 기초›JSX와 첫 컴포넌트1/7

JSX는 JavaScript 안에서 HTML처럼 UI를 작성합니다

HTML

html

<div class="card">
  <img src="photo.jpg" />
  <h3>제목</h3>
  <p>내용입니다</p>
</div>
<!-- onclick은 소문자 -->
<button onclick="handleClick()">
  클릭
</button>

JSX (React)

jsx

<div className="card">
  <img src="photo.jpg" />
  <h3>제목</h3>
  <p>내용입니다</p>
</div>
{/* onClick은 camelCase */}
<button onClick={handleClick}>
  클릭
</button>

탭하여 계속 ▸

1 / 7