Javascript for Kids · 강의

객체란 무엇인가요

보물 상자를 만나 보세요! 🪙

여러 가지를 한 번에 담을 수 있는 마법의 보물 상자 🧰를 상상해 보세요! JavaScript에서는 이것을 객체라고 합니다.

객체는 보물 상자 하나에 금화, 보석, 지도를 함께 담듯이 서로 관련된 정보를 한데 모아 줍니다!

왜 한데 모을까요? 🤔

dog에 관한 모든 것을 기억하고 싶다면 어떨까요? 이름, 나이, 색깔 말입니다!

상자 3개를 따로 만들 수도 있습니다... OR 모두 하나의 상자에 넣을 수도 있습니다. 객체를 사용하면 서로 관련된 것들을 함께 보관할 수 있습니다!

상자 만들기 🛠️

중괄호 { }로 객체를 만듭니다. 중괄호 안에는 저장할 것인 속성이 들어갑니다.

각 속성에는 이름과 값이 있습니다. 예를 들면 name: 'Rex'와 같습니다.

let dog = { name: 'Rex' }
console.log(dog)

안에 보물을 더 담기 💎

상자에는 MANY 보물을 담을 수 있습니다! 각 보물 사이에 쉼표 ,를 넣기만 하면 됩니다.

여기서는 dog 상자에 이름, 나이, AND 색깔을 담았습니다!

let dog = {
  name: 'Rex',
  age: 4,
  color: 'brown'
}
console.log(dog)

이름과 값 🏷️

왼쪽은 키입니다. 병에 붙인 스티커 같은 이름표입니다. 오른쪽은 값이며, 안에 들어 있는 내용입니다.

name은 키입니다
'Rex'는 값입니다

let cat = {
  name: 'Mittens',
  age: 2
}
console.log(cat)

여러 가지 보물 🌈

값에는 여러 종류가 있을 수 있습니다! 따옴표 안의 단어, 숫자, 심지어 참이나 거짓도 가능합니다.

보세요. robot 상자 🤖에는 세 종류가 모두 들어 있습니다!

let robot = {
  name: 'Beep',
  batteries: 4,
  isFriendly: true
}
console.log(robot)

빈 상자 📭

아직 아무것도 넣지 않은 빈 상자도 만들 수 있습니다. { }만 쓰면 됩니다.

나중에 보물을 추가할 수 있도록 준비된 채 기다리고 있습니다!

let chest = {}
console.log(chest)
console.log('Empty and ready!')

장난감 상자 객체 🧸

좋아하는 장난감을 담을 상자를 만들어 보겠습니다! 이름, 가격, 재미있는지 여부를 넣을 수 있습니다.

실행해서 장난감 상자가 나타나는지 확인해 보세요!

let toy = {
  name: 'Bouncy Ball',
  price: 3,
  isFun: true
}
console.log(toy)

객체에는 단어도 담을 수 있습니다 📝

객체는 사람을 설명할 때도 아주 유용합니다! 슈퍼히어로 🦸를 위한 상자를 만들어 보겠습니다.

이름, 능력, 친구가 몇 명인지 담아 보겠습니다!

let hero = {
  name: 'Captain Star',
  power: 'flying',
  friends: 7
}
console.log(hero)

객체가 멋진 이유 🎸

객체를 사용하면 코드가 깔끔해집니다! 여러 상자가 여기저기 흩어져 있는 대신 모든 것이 하나의 정돈된 상자 안에 들어갑니다.

찾기 쉽습니다
공유하기 쉽습니다
이해하기 쉽습니다

직접 만들어 보세요! 🌟

YOUR가 가장 좋아하는 간식을 담을 상자를 만들어 보세요 🍪! 이름과 숫자를 넣어 보세요.

시작할 수 있는 예제가 여기 있습니다. 단어를 바꾸고 실행해 보세요!

let snack = {
  name: 'Cookies',
  amount: 12
}
console.log(snack)

빠른 확인 ✅

두뇌를 쓰는 문제를 풀 시간입니다! 🧠 보물 상자(객체)에 대해 무엇을 기억하고 있는지 확인해 보겠습니다.

보물 상자 복습 🎉

정말 잘했습니다, 탐험가님! 🗺️ 객체가 관련된 정보를 모아 주는 보물 상자라는 것을 배웠습니다.

중괄호 { }를 사용합니다
각 보물은 키: 값 쌍입니다
쉼표로 서로 구분합니다

다음에는 안에 있는 보물을 READ하는 방법을 배워 보겠습니다! 💎

자주 묻는 질문

“객체란 무엇인가요” 강의는 무료인가요?

네 — “객체란 무엇인가요” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 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개 중 1번째 강의입니다.

“객체란 무엇인가요” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 Javascript for Kids 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 Javascript for Kids 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

← Javascript for Kids(으)로 돌아가기