React가 뭔가? 왜 jQuery 대신 React인가?
📋 실습 안내
- 버튼을 클릭하면 숫자가 올라가는 것을 확인하세요.
- jQuery처럼 DOM을 직접 찾아 변경하는 코드가 없다는 점을 주목하세요.
- setCount()를 호출하면 React가 알아서 화면을 다시 그립니다.
✏️ CODE EDITOR (JSX)
▶ 실행 버튼을 눌러 코드를 테스트하세요.
👁️ 내 미리보기
내 코드 실행 결과
🤖 AI 선생님에게 질문하기
이번 강의 전용
▼
선생님이 답변 중이에요...
⚠️ 학습 관련 질문만 답변합니다. 관련 없는 질문은 자동으로 학습으로 유도됩니다.
Q1. React에서 화면이 업데이트되는 방식은?
💡 React는 State가 변경되면 변경된 부분만 자동으로 DOM을 업데이트합니다.
Q2. CDN 방식에서 JSX를 브라우저에서 쓸 수 있게 해주는 것은?
💡 Babel Standalone이 JSX를 일반 JavaScript로 변환합니다. type='text/babel' 필수.
Q3. React가 jQuery보다 유리한 상황은?
💡 React는 복잡한 UI 상태 관리에 강점이 있습니다.
Q4. CDN React 사용 시 script 태그에 반드시 추가할 속성은?
💡 type='text/babel'을 붙여야 Babel이 해당 스크립트를 JSX→JS 변환합니다.
😅
아쉽네요!
점수: 0점 — 70점 이상이 되어야 통과합니다.