HTML 파일에 React 올리기 (CDN, Babel)
📋 실습 안내
- 정보를 본인 것으로 바꿔보세요.
- 통계 항목을 하나 더 추가하세요.
- 색상을 커스터마이징해보세요.
- F12→Console에 에러가 없는지 확인하세요.
✏️ CODE EDITOR (JSX)
▶ 실행 버튼을 눌러 코드를 테스트하세요.
👁️ 내 미리보기
내 코드 실행 결과
🤖 AI 선생님에게 질문하기
이번 강의 전용
▼
선생님이 답변 중이에요...
⚠️ 학습 관련 질문만 답변합니다. 관련 없는 질문은 자동으로 학습으로 유도됩니다.
Q1. CDN React에서 JSX를 변환해주는 것은?
💡 Babel Standalone이 JSX를 JavaScript로 변환합니다.
Q2. React 18 렌더링 올바른 코드는?
💡 React 18에서는 createRoot를 사용합니다.
Q3. CDN script 올바른 로드 순서는?
💡 react → react-dom → babel 순서입니다.
Q4. JSX에서 HTML class 대신 사용하는 것은?
💡 class는 JavaScript 예약어이므로 JSX에서는 className을 씁니다.
Q5. div#root의 올바른 위치는?
💡 getElementById로 찾으려면 해당 요소가 DOM에 먼저 있어야 합니다.
😅
아쉽네요!
점수: 0점 — 70점 이상이 되어야 통과합니다.