반복문 안의 반복문
반복문을 중첩합니다
반복문 안의 반복문은(는) CoddyKit의 무료 Javascript for Kids 강의입니다. 이것은 4개 중 1번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Javascript for Kids 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Javascript for Kids 강의에는 총 4개의 강의가 포함되어 있습니다.
반복문 안의 반복문?! 🤯
한 반복문 안에 다른 반복문을 넣으면 어떻게 될까요? 큰 바퀴 안에서 작은 바퀴가 도는 것과 같습니다! ⚙️⚙️
이를 중첩 반복문이라고 하며, 놀라운 작품을 만들 수 있습니다!
바깥쪽과 안쪽 🪆
인형을 겹쳐 넣는 장난감을 생각해 보세요! 🪆 바깥쪽 반복문은 큰 인형이고, 안쪽 반복문은 안에 들어 있는 작은 인형입니다.
바깥쪽 반복문이 ONE번 실행될 때마다 안쪽 반복문은 ALL번 실행됩니다!
첫 번째 중첩 반복문 🔁
여기서는 바깥쪽 반복문이 2번 실행됩니다. 매번 안쪽 반복문이 3번 실행됩니다! 주의 깊게 살펴보세요.
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log('i=' + i + ' j=' + j)
}
}카운터 두 개! ✌️
보이시나요? 이제 카운터가 TWO개입니다: 바깥쪽 반복문에는 i, 안쪽 반복문에는 j를 사용합니다.
바깥쪽 i가 바뀔 때마다 안쪽 j가 1, 2, 3으로 바뀝니다!
for (let i = 1; i <= 2; i++) {
console.log('Outer ' + i + ' starts')
for (let j = 1; j <= 2; j++) {
console.log(' inner ' + j)
}
}전체 실행 횟수는 얼마일까요? 🔢
바깥쪽 반복문이 3번, 안쪽 반복문이 4번 실행되면 전체 실행 횟수는 3 × 4 = 12번입니다!
직접 세어 봅시다.
let count = 0
for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 4; j++) {
count = count + 1
}
}
console.log('Total runs: ' + count)날짜와 식사 🍽️
실생활의 예를 살펴봅시다! 각 DAY마다 MEALS를 3번 먹습니다. 바깥쪽 반복문은 날짜를, 안쪽 반복문은 식사를 나타냅니다.
for (let day = 1; day <= 2; day++) {
console.log('Day ' + day)
for (let meal = 1; meal <= 3; meal++) {
console.log(' meal ' + meal)
}
}행의 별 ⭐
바깥쪽 반복문은 ROWS를 만듭니다. 안쪽 반복문은 그 행에 별을 출력합니다. 예술 작품의 미리 보기입니다!
for (let row = 1; row <= 3; row++) {
for (let s = 1; s <= 2; s++) {
console.log('star')
}
console.log('--- end of row ---')
}순서가 중요합니다 📋
안쪽 반복문은 모든 실행을 ALWAYS 끝낸 후에야 바깥쪽 반복문이 다음으로 넘어갑니다. 다음 줄로 넘어가기 전에 한 줄의 모든 단어를 읽는 것과 같습니다! 📖
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 2; j++) {
console.log(i + ',' + j)
}
}숫자 곱하기 ✖️
중첩 반복문은 수학 연산에 아주 유용합니다! i와 j를 곱해 봅시다.
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log(i + ' x ' + j + ' = ' + (i * j))
}
}옷 조합 고르기 👕👖
shirt 2개와 pants 2개로 4가지 옷차림을 만들 수 있습니다! 중첩 반복문으로 모든 조합을 확인해 봅시다.
for (let shirt = 1; shirt <= 2; shirt++) {
for (let pants = 1; pants <= 2; pants++) {
console.log('Shirt ' + shirt + ' with pants ' + pants)
}
}직접 중첩해 보기 🌟
안쪽 반복문이 4번 실행되도록 바꾸고 실행해 보세요! 출력이 어떻게 늘어나는지 확인해 보세요. 🪆
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 4; j++) {
console.log('i=' + i + ' j=' + j)
}
}빠른 확인 ✅
중첩 반복문을 이해했는지 확인해 보세요! 🧠
중첩 반복문 복습 🎉
정말 놀랍지요! 🤯 중첩 반복문을 배웠습니다.
- 인형을 겹쳐 넣듯이 반복문 안에 반복문을 넣습니다 🪆
- 바깥쪽 카운터는
i, 안쪽 카운터는j입니다 - 안쪽 반복문이 완전히 끝난 뒤에야 바깥쪽 반복문이 다음으로 넘어갑니다
다음: 격자처럼 행과 열 만들기! 🟦
자주 묻는 질문
“반복문 안의 반복문” 강의는 무료인가요?
네 — “반복문 안의 반복문” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 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 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.