TypeScript - While Loop: A Beginner's Guide
안녕하세요, 프로그래밍에 도전하는 여러분! 오늘 우리는 프로그래밍의 기본 개념 중 하나인 while 루프에 대해 배우겠습니다. 여러분의 친절한 이웃 컴퓨터 선생님이자 저는 이 여정을 안내해 드리게 되어 기쁩니다. coding에 처음 도전하는 분이라면 걱정하지 마세요 - 우리는 기본부터 시작하여 차근차근 올라갈 테니까요. 그럼 커피 한 잔 (또는 여러분의 좋아하는 음료)을 챙겨서, 루프를 시작해 보겠습니다!
What is a While Loop?
먼저 while 루프가 무엇인지 이해해 보겠습니다. 여러분이 주사위를 굴려서 6이 나오까지 계속 굴리는 게임을 상상해 보세요. 사전에 몇 번 굴려야 할지 알 수 없잖아요? 이 دقیقا while 루프가 프로그래밍에서 유용하게 쓰이는 곳입니다!
while 루프는 특정 조건이 참인 동안 코드 블록을 반복할 수 있게 해줍니다. 마치 컴퓨터에게 "이 작업을 계속 하라"고 말하는 것과 같습니다.
Syntax
이제 TypeScript에서 while 루프의 문법을 살펴보겠습니다:
while (condition) {
// 실행할 코드
}이 fairly 간단하지 않나요? 각 부분의 의미는 다음과 같습니다:
-
while: 이 키워드는 TypeScript에게 우리가while루프를 시작하고 있음을 알립니다. -
condition: 이는 각 반복 전에 확인되는 불리언 표현식입니다. 참이면 루프가 계속되고, 거짓이면 루프가 멈춥니다. -
{ }: 이 괄호 안에는 조건이 참인 동안 반복적으로 실행될 코드가 들어 있습니다.
Flow Diagram
while 루프가 어떻게 작동하는지 더 잘 이해하기 위해 플로우 다이어그램을 보겠습니다:
┌─────────────┐
│ Start │
└─────┬───────┘
│
▼
┌─────────────────┐
│ Check condition │◄─────┐
└─────────┬───────┘ │
│ │
▼ │
┌────────┐ │
┌────│ True │ │
│ └────┬───┘ │
│ │ │
│ ▼ │
│ ┌─────────────┐ │
│ │ Execute code│ │
│ └─────────────┘ │
│ │ │
│ └──────────────┘
│
│ ┌────────┐
└────► False │
└────┬───┘
│
▼
┌─────────────┐
│ End │
└─────────────┘이 다이어그램은 while 루프가 조건을 계속 확인하고 코드 블록을 실행直到 조건이 거짓이 될 때까지를 보여줍니다.
Example: While Loop
현실적인 예제로 들어가 보겠습니다. 5에서 1로 카운트다운하는 프로그램을 만들어 보겠습니다:
let countdown: number = 5;
while (countdown > 0) {
console.log(countdown);
countdown--;
}
console.log("Blast off!");이 코드를 단계별로 설명하겠습니다:
-
countdown이라는 변수를 선언하고 5로 설정합니다. -
while루프는countdown이 0보다 큰지 확인합니다. - 참이면 현재
countdown값을 출력합니다. - 그런 다음
countdown을 1 감소시킵니다. - 이 과정이
countdown이 더 이상 0보다 크지 않을 때까지 반복됩니다. - 마지막으로 루프가 끝나면 "Blast off!"를 출력합니다.
이 코드를 실행하면 다음과 같은 출력을 보게 됩니다:
5
4
3
2
1
Blast off!쿨하지 않나요? 우리는 우리만의 소형 로켓 발사 카운트다운을 만들었습니다!
While Loop with a Break Statement
때로는 특정 조건에 따라 루프를 일찍 나가고 싶을 수 있습니다. 이때 break 문이 유용하게 사용됩니다. 루프에 긴급 çıkış을 만드는 것과 같습니다!
우리의 카운트다운 예제를 수정해 보겠습니다:
let countdown: number = 10;
while (countdown > 0) {
console.log(countdown);
countdown--;
if (countdown === 5) {
console.log("We're halfway there!");
break;
}
}
console.log("Countdown interrupted!");이 예제에서 우리는 카운트다운을 10에서 시작하고 5에 도달할 때 중단합니다. 출력은 다음과 같습니다:
10
9
8
7
6
5
We're halfway there!
Countdown interrupted!break 문은 특정 조건이 만족될 때 루프를 일찍 나가게 해줍니다.
While Loop vs. For Loop
이제 여러분은 "왜 while 루프를 사용하느냐"고 궁금할 수도 있습니다. "for" 루프를 사용할 수도 있잖아요? 훌륭한 질문입니다! 두 가지를 비교해 보겠습니다:
| While Loop | For Loop |
|---|---|
| 반복 횟수가 알려지지 않을 때 사용 | 반복 횟수가 알려져 있을 때 사용 |
| 각 반복마다 조건을 확인 | 초기화, 조건, 갱신이 모두 한 줄에 있음 |
| 무한 루프를 더 쉽게 만들 수 있음 | 有限的 루프에 주로 사용 |
| 더 유연한 구조 | 더 간결한 구조 |
다음은 빠른 예제입니다:
// While loop
let i: number = 0;
while (i < 5) {
console.log(i);
i++;
}
// 동일한 for loop
for (let j: number = 0; j < 5; j++) {
console.log(j);
}두 루프 모두 0에서 4까지의 숫자를 출력합니다. while 루프는 루프 내에서 변수(i)를 더 복잡하게 수정할 수 있는 반면, for 루프는 반복 횟수가 정확히 알려질 때 더 간결하게 사용됩니다.
Conclusion
그렇습니다, 여러분! 우리는 TypeScript의 while 루프 세계를 여행했습니다. 기본 문법에서부터 break 문과 for 루프와의 비교까지, 여러분은 이제 while 루프를 효과적으로 사용할 수 있는 지식을 갖추었습니다.
기억하세요, 프로그래밍은 자전거 타는 것과 같습니다 -처음에는 흔들릴 수 있지만, 연습하다 보면 빠르게 타게 됩니다! 그러니 while 루프를 자신의 프로젝트에서 실험해 보세요. 추측 게임을 만들거나, 특정 금액에 도달할 때까지 복리 이자를 계산하는 프로그램을 만들어 보세요.
행복하게 코딩하시고, 여러분의 루프가 항상 종료되길 바랍니다!
Credits: Image by storyset