선택지 만들기
이야기를 여러 갈래로 나눕니다
선택지 만들기은(는) CoddyKit의 무료 Javascript for Kids 강의입니다. 이것은 4개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Javascript for Kids 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Javascript for Kids 강의에는 총 4개의 강의가 포함되어 있습니다.
경로를 선택하세요! 🌿
모험 게임의 BEST 부분은 바로 choices입니다! 왼쪽으로 갈까요, 오른쪽으로 갈까요? 문을 열까요, 달아날까요? 이야기를 여러 갈래로 만들어 보겠습니다! 🛤️
간단한 선택 🤔
플레이어의 choice를 variable에 저장한 다음 if로 그 choice에 반응하세요.
let choice = "left"
if (choice === "left") {
console.log("You go left into a sunny meadow! 🌼")
}else를 사용한 두 경로 🔀
반대로 오른쪽으로 가면 어떻게 될까요? else가 다른 경로를 처리합니다!
let choice = "right"
if (choice === "left") {
console.log("Sunny meadow! 🌼")
} else {
console.log("You go right into a spooky cave! 🦇")
}else if를 사용한 세 가지 선택 🔢
경로가 더 필요한가요? else if를 사용하여 세 번째(또는 네 번째) choice를 추가하세요!
let choice = "up"
if (choice === "left") {
console.log("Meadow!")
} else if (choice === "up") {
console.log("You climb a tall mountain! ⛰️")
} else {
console.log("Cave!")
}choices가 더 많은 choices로 이어집니다 🌳
하나의 choice가 새로운 choices를 엽니다! 이렇게 하면 이야기가 나무처럼 자랍니다.
let path = "cave"
if (path === "cave") {
console.log("Inside the cave you see two tunnels! 🦇")
console.log("Type left or right to continue...")
}아이템 줍기 🎒
플레이어가 보물을 가져갈지 선택하게 하세요! 플레이어의 bag에 추가하세요.
let bag = []
let choice = "take sword"
if (choice === "take sword") {
bag.push("sword")
}
console.log("Your bag:", bag)choices가 이야기를 바꿉니다 📖
서로 다른 choices가 서로 다른 이야기 텍스트를 보여 줍니다. 플레이어는 자신이 이야기를 조종한다고 느낍니다!
let choice = "open"
if (choice === "open") {
console.log("The door creaks open... treasure! 💰")
} else {
console.log("You walk away and miss the gold. 😢")
}choice 함수 만들기 🛠️
choice를 처리하는 도우미를 만들어 보세요. 길이 갈라지는 모든 곳에서 재사용하세요!
function go(direction) {
if (direction === "north") {
console.log("You head north to the castle! 🏰")
} else {
console.log("You head into the woods. 🌲")
}
}
go("north")운이 좋을까요, 나쁠까요? 🎲
깜짝 요소를 추가하세요! 무작위 사건이 매번 다른 플레이를 만들어 줍니다.
let luck = Math.floor(Math.random() * 2)
if (luck === 1) {
console.log("You found a hidden coin! 🪙")
} else {
console.log("Nothing here... keep going. 🚶")
}choices 기억하기 🧠
플레이어가 무엇을 했는지 이야기가 기억할 수 있도록 choices를 저장하세요!
let choices = []
choices.push("went left")
choices.push("took the sword")
console.log("So far you:", choices)분기 기능 완성! ✅
이제 플레이어의 choices에 따라 이야기가 여러 갈래로 나뉘고, 아이템을 줍고, 운 좋은 깜짝 사건도 일어납니다. 정말 상호작용이 풍부하네요! 🎮
let choice = "left"
if (choice === "left") {
console.log("Adventure continues to the left! ➡️")
} else {
console.log("A new path opens! 🌟")
}빠른 확인 ❓
알맞은 답을 선택하세요! 🧠
choice 챔피언! 🏅
복습해 보겠습니다! 다음을 배웠습니다:
- 🤔
if로 choice에 반응하기 - 🔀
else와else if로 경로 추가하기 - 🎒 아이템을 bag에 담기
- 🎲 무작위 깜짝 사건 추가하기
다음: 모험에서 WINNING하기! 🏆
자주 묻는 질문
“선택지 만들기” 강의는 무료인가요?
네 — “선택지 만들기” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 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 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.