0Pricing
Javascript for Kids · 강의

패턴 출력기

출력기를 만듭니다

패턴 출력기은(는) CoddyKit의 무료 Javascript for Kids 강의입니다. 이것은 4개 중 4번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Javascript for Kids 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Javascript for Kids 강의에는 총 4개의 강의가 포함되어 있습니다.

패턴 출력기 만들기! 🖨️

안녕하세요, 패턴 전문가님! 🔢 오늘은 패턴 출력기를 만들어 봅니다! 🖨️

별과 숫자로 재미있는 모양과 패턴을 출력해 봅니다! 코드로 예술 작품을 만들어 봅시다! 🎨

star 하나 출력하기 ⭐

간단한 것부터 시작해 봅시다. star 하나를 출력해 보세요! ⭐

패턴은 이런 요소를 많이 모아 놓은 것일 뿐입니다! 🌟

console.log('*');

별 한 줄 ✨

반복문을 사용해 별 한 줄을 출력해 봅시다! ✨

반복문은 별을 한 번에 하나씩, 5번 출력합니다! 🔁

for (let i = 1; i <= 5; i = i + 1) {
  console.log('*');
}

한 줄에 별 출력하기 📏

별을 나란히 배치하려면 먼저 문자열을 만들어야 합니다! 📏

매번 별을 하나씩 추가한 다음 전체 줄을 출력합니다! ➕

let line = '';
for (let i = 1; i <= 5; i = i + 1) {
  line = line + '*';
}
console.log(line);

점점 커지는 삼각형 🔺

이제 마법을 부려 봅시다! 점점 커지는 삼각형을 만들어 보세요! 🔺

row 1에는 별 1개, row 2에는 별 2개를 넣고, 이런 식으로 계속합니다! 📐

for (let row = 1; row <= 5; row = row + 1) {
  let line = '';
  for (let star = 1; star <= row; star = star + 1) {
    line = line + '*';
  }
  console.log(line);
}

반복문 안의 반복문! 🔁🔁

와! 반복문 안에 다른 반복문을 사용했습니다! 🔁🔁

바깥 반복문은 행을 만듭니다. 안쪽 반복문은 각 행의 별을 만듭니다. 멋진 협력입니다! 🤝

for (let row = 1; row <= 4; row = row + 1) {
  let line = '';
  for (let s = 1; s <= row; s = s + 1) {
    line = line + '⭐';
  }
  console.log(line);
}

숫자 피라미드 🔢

이번에는 별 대신 숫자를 출력해 봅시다! 🔢

각 행에는 해당 row 번호가 그 횟수만큼 표시됩니다! 재미있는 피라미드입니다! 🏔️

for (let row = 1; row <= 5; row = row + 1) {
  let line = '';
  for (let n = 1; n <= row; n = n + 1) {
    line = line + row;
  }
  console.log(line);
}

점점 커지는 패턴 📈

수를 세어 가며 행을 출력해 봅시다: 1, 그다음 1 2, 그다음 1 2 3입니다! 📈

정말 멋진 계단 모양입니다! 🪜

for (let row = 1; row <= 4; row = row + 1) {
  let line = '';
  for (let n = 1; n <= row; n = n + 1) {
    line = line + n + ' ';
  }
  console.log(line);
}

패턴 출력기 기계 🛠️

어떤 크기의 삼각형이든 출력하는 기계를 만들어 봅시다! 🛠️

행의 개수를 알려 주면 삼각형을 그립니다! 🔺

function printTriangle(size) {
  for (let row = 1; row <= size; row = row + 1) {
    let line = '';
    for (let s = 1; s <= row; s = s + 1) line = line + '*';
    console.log(line);
  }
}
printTriangle(6);

알록달록하게 만들기 🌈

이모지를 사용해 패턴을 알록달록하게 만들어 봅시다! 🌈

무지개 삼각형입니다! 이모지를 바꿔 보세요! 🎨

function printTriangle(size) {
  for (let row = 1; row <= size; row = row + 1) {
    let line = '';
    for (let s = 1; s <= row; s = s + 1) line = line + '🌈';
    console.log(line);
  }
}
printTriangle(5);

패턴 출력기를 완성하셨습니다! 🏆

INCREDIBLE! 🏆 숫자 패턴 과정을 끝내셨습니다!

  • ✨ 반복문으로 줄 만들기
  • 🔁🔁 반복문 안의 반복문으로 모양 만들기
  • 🔺 삼각형, 피라미드, 계단 모양

이제 패턴 예술가가 되셨습니다! 🎨

빠른 확인 ✅

마지막 두뇌 확인입니다! 🧠 삼각형 모양을 만들려면 무엇을 사용해야 할까요?

수업 정리 🎀

축하합니다, 패턴 예술가님! 🎀 숫자 패턴을 끝내셨습니다! 다음을 배웠습니다:

  • ✨ 반복문으로 별 한 줄 만들기
  • 🔁🔁 중첩 반복문으로 모양 만들기
  • 🔺 삼각형과 피라미드
  • 🌈 이모지로 색상 더하기

정말 훌륭하게 해내셨습니다! 🌟

자주 묻는 질문

“패턴 출력기” 강의는 무료인가요?

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

“패턴 출력기” 강의는 얼마나 걸리나요?

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

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

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

이 강의의 모든 강의

  1. 짝수와 홀수
  2. 건너뛰며 세기
  3. 곱셈 패턴
  4. 패턴 출력기
← Javascript for Kids(으)로 돌아가기