모던 JavaScript 핵심만 (ES6+)
📋 실습 안내
- 구조분해 할당으로 user 객체에서 값을 꺼내세요.
- 템플릿 리터럴로 소개 문장을 작성하세요.
- '스킬 더 보기' 버튼이 동작하는지 확인하세요.
✏️ CODE EDITOR (JSX)
▶ 실행 버튼을 눌러 코드를 테스트하세요.
👁️ 내 미리보기
내 코드 실행 결과
🤖 AI 선생님에게 질문하기
이번 강의 전용
▼
선생님이 답변 중이에요...
⚠️ 학습 관련 질문만 답변합니다. 관련 없는 질문은 자동으로 학습으로 유도됩니다.
Q1. const [count, setCount] = React.useState(0); 에서 사용된 ES6+ 문법은?
💡 useState는 배열을 반환합니다. 배열 구조분해로 이름을 붙인 것입니다.
Q2. const greeting = `안녕, ${name}님!`; 에서 사용된 문법은?
💡 백틱(`)으로 감싸고 ${변수명}으로 값을 삽입하는 것이 템플릿 리터럴입니다.
Q3. 올바른 화살표 함수 문법은?
💡 const 이름 = (매개변수) => 표현식; 형태입니다.
Q4. const {name} = user; 에서 사용된 문법은?
💡 중괄호 {}를 사용하면 객체 구조분해, 대괄호 []를 사용하면 배열 구조분해입니다.
😅
아쉽네요!
점수: 0점 — 70점 이상이 되어야 통과합니다.