요약: 컴포넌트
Coddy React 여정의 기초 (Fundamentals) 섹션에 포함된 레슨 — 42개 중 15번째.
챌린지
쉬움챕터 요약: 이번 챕터에서 배운 모든 내용을 활용하여 두 개의 컴포넌트로 페이지를 작성하세요.
Header컴포넌트를 정의하세요:id="title"속성과Coddy Shop텍스트를 가진<h1>요소입니다. App의 바깥쪽<div>안에 가장 먼저 렌더링하세요.<span>★</span>를 반환하는Badge컴포넌트를 정의하세요.- 기존
<div id="badges">내부에서 Badge를 두 번 렌더링하세요: 정의는 하나, 사용은 두 번입니다.
직접 해보기
<!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>