속성 읽기
객체에서 값을 가져옵니다
속성 읽기은(는) CoddyKit의 무료 Javascript for Kids 강의입니다. 이것은 4개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Javascript for Kids 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Javascript for Kids 강의에는 총 4개의 강의가 포함되어 있습니다.
상자 안을 들여다보기 🔍
보물 상자(객체)를 만들었습니다. 이제 안을 들여다보고 보물 하나를 꺼내 보겠습니다!
객체에서 값을 꺼내는 것을 속성 읽기라고 합니다. 🪙
마법의 점 ✨
보물을 꺼내려면 상자 이름, 점 ., 키를 차례로 씁니다.
이렇게 말하는 것과 같습니다. dog DOT 이름을 주세요! 🐶
let dog = { name: 'Rex', age: 4 }
console.log(dog.name)숫자 꺼내기 🔢
점은 단어뿐 아니라 ALL 보물에 사용할 수 있습니다! dog의 나이를 꺼내 보겠습니다.
실행해서 숫자가 나타나는지 확인해 보세요!
let dog = { name: 'Rex', age: 4 }
console.log(dog.age)보물 두 개 꺼내기 🪙🪙
원하는 만큼 보물을 읽을 수 있습니다! 매번 점을 사용하기만 하면 됩니다.
여기서는 이름과 AND 나이를 모두 읽습니다.
let cat = { name: 'Mittens', age: 2 }
console.log(cat.name)
console.log(cat.age)문장에 넣어 보기 💬
+ 기호로 단어를 이어서 보물을 문장에 섞어 넣을 수 있습니다!
robot이 자기 이름으로 인사하는 모습을 보세요.
let robot = { name: 'Beep' }
console.log('Hi, I am ' + robot.name)보물로 계산하기 ➕
보물이 숫자라면 그 값으로 계산할 수 있습니다!
dog의 나이를 한 살 더 많게 해 보겠습니다. 🎂
let dog = { name: 'Rex', age: 4 }
console.log(dog.age + 1)영웅 읽기 🦸
슈퍼히어로 상자에서 읽어 보겠습니다! 이름과 능력을 꺼내 보세요.
let hero = {
name: 'Captain Star',
power: 'flying'
}
console.log(hero.name)
console.log(hero.power)철자가 중요합니다! 🐝
키는 EXACTLY 올바르게 써야 합니다. name은 Name과 같지 않습니다!
철자를 잘못 쓰면 정의되지 않음이 표시됩니다. 이는 해당 보물을 찾을 수 없다는 뜻입니다. 🤷
let dog = { name: 'Rex' }
console.log(dog.Name)합쳐서 보여 주기 🎁
간식 상자에서 읽은 내용을 재미있는 메시지로 만들어 보겠습니다!
let snack = { name: 'Cookies', amount: 12 }
console.log('I have ' + snack.amount + ' ' + snack.name)참과 거짓 보물 🚦
참/거짓 보물도 읽을 수 있습니다! 예 또는 아니요로 답하는 질문에 아주 좋습니다.
이 robot은 친절할까요? 확인해 보겠습니다!
let robot = { name: 'Beep', isFriendly: true }
console.log(robot.isFriendly)직접 읽어 보세요 🌟
여기에 pet 상자가 있습니다. 직접 color 보물을 읽어 보세요! 줄을 바꾸고 실행해 보세요.
let pet = {
name: 'Bubbles',
color: 'orange'
}
console.log(pet.color)빠른 확인 ✅
두뇌를 발휘할 시간입니다! 🧠 보물을 읽는 방법을 얼마나 알고 있는지 보여 주세요.
읽기 복습 🎉
정말 잘했습니다, 보물 사냥꾼님! 🗺️ 속성을 READ하는 방법을 배웠습니다.
- 점을 사용합니다:
chest.key - 키를 정확히 철자대로 씁니다 🐝
+로 보물을 문장에 섞어 넣습니다
다음에는 상자 안의 보물을 CHANGE하는 방법을 배워 보겠습니다! 🔧
자주 묻는 질문
“속성 읽기” 강의는 무료인가요?
네 — “속성 읽기” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Javascript for Kids 강의 전체를 잠금 해제할 수 있습니다. Javascript for Kids 강의에는 총 4개의 강의가 포함되어 있습니다.
“속성 읽기”에서 뭘 배우나요?
객체에서 값을 가져옵니다 브라우저에서 직접 실행하는 실습 코드로 Javascript for Kids을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
Javascript for Kids을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 Javascript for Kids은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 2번째 강의입니다.
“속성 읽기” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 Javascript for Kids 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 Javascript for Kids 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.