TypeScript - If...Else 문장: 초보자 가이드

안녕하세요, 미래의 코딩 슈퍼스타! ? 오늘 우리는 프로그래밍에서 가장 기본적인 개념 중 하나인 TypeScript의 if...else 문장에 대해 배울 거예요. 이를 코드의 결정자라고 생각해요, 프로그램이 어떤 길을 선택할지 도와주는 지혜로운 까마귀처럼요. 이 흥미로운 여정을 함께 시작해보세요!

If...Else 문장이란?

먼저 if...else 문장이 무엇인지 이해해보겠습니다. 상상해봅시다, 아이스크림 가게에서 초콜릿과 바닐라 중에서 고를 때의 마음을 말이죠:

"초콜릿이 있다면 초콜릿을 먹을 거야. 그렇지 않으면 (else) 바닐라를 먹을 거야."

이게 프로그래밍에서 if...else 문장이 하는 일이에요! 코드가 특정 조건에 따라 결정을 내리는 거죠.

문법

이제 TypeScript에서 if...else 문장을 어떻게 작성하는지 살펴보겠습니다. 처음에는 이상하게 보일 수 있지만, 단계별로 설명해드릴게요!

if (condition) {
// 조건이 참인 경우 실행할 코드
} else {
// 조건이 거짓인 경우 실행할 코드
}

이를 조금 더 상세히 설명해보겠습니다:

1. if: 이 키워드는 문장을 시작합니다.
2. (condition): 여기에는 조건을 넣습니다. 질문하는 것과 같아요.
3. { }: 이 괄호 안에는 조건이 참인 경우 실행할 코드가 들어갑니다.
4. else: 이 키워드는 대안을 소개합니다.
5. { }: 이 괄호 안에는 조건이 거짓인 경우 실행할 코드가 들어갑니다.

흐름도

if...else 문장이 어떻게 작동하는지 시각적으로 이해하기 위해 간단한 흐름도를 보겠습니다:

[시작]
|
v
[조건 확인]
/           \
(예)        (아니요)
|             |
v             v
[참 실행]  [거짓 실행]
|             |
v             v
[계속]

이 흐름도는 프로그램이 조건이 참인지 거짓인지에 따라 어떤 길을 선택하는지 보여줍니다.

예제

이제 실제 예제를 통해 if...else 문장이 어떻게 작동하는지 보겠습니다!

예제 1: 아이스크림 결정

earlier의 아이스크림 결정을 코드로 작성해보겠습니다:

let chocolateAvailable: boolean = true;

if (chocolateAvailable) {
console.log("Great! I'll have chocolate ice cream.");
} else {
console.log("I guess I'll have vanilla ice cream then.");
}

이 예제에서:

• chocolateAvailable 변수를 선언하고 true로 설정합니다.
• if 문장은 chocolateAvailable이 참인지 확인합니다.
• 참이므로 첫 번째 괄호 안의 코드가 실행됩니다.
• 콘솔에 "Great! I'll have chocolate ice cream."가 표시됩니다.

chocolateAvailable을 false로 변경해보세요!

예제 2: 시간에 따른 인사

시간에 따라 다르게 인사하는 프로그램을 만들어보겠습니다:

let currentHour: number = 14; // 오후 2시

if (currentHour < 12) {
console.log("Good morning!");
} else if (currentHour < 18) {
console.log("Good afternoon!");
} else {
console.log("Good evening!");
}

이 예제에서는:

• currentHour를 14(오후 2시)로 설정합니다.
• 첫 번째 조건 currentHour < 12은 거짓이므로 다음 조건으로 이동합니다.
• currentHour < 18은 참이므로 "Good afternoon!"가 콘솔에 표시됩니다.
• 마지막 else 블록은 건너뜁니다.

예제 3: 성적 계산기

간단한 성적 계산기를 만들어보겠습니다:

let score: number = 85;
let grade: string;

if (score >= 90) {
grade = "A";
} else if (score >= 80) {
grade = "B";
} else if (score >= 70) {
grade = "C";
} else if (score >= 60) {
grade = "D";
} else {
grade = "F";
}

console.log(`Your grade is: ${grade}`);

이 예제에서는:

• score을 85로 설정합니다.
• 여러 if...else if 문장을 사용하여 점수를 다양한 범위와 비교합니다.
• 85는 80 이상이므로 성적이 "B"로 설정됩니다.
• 마지막으로 성적을 콘솔에 표시합니다.

일반 방법 및 사용법

if...else 문장과 함께 사용할 수 있는 일반적인 방법과 연산자 표입니다:

방법/연산자	설명	예제
===	엄격한 동등성	if (x === 5)
!==	엄격한 불 동등성	if (y !== 10)
>	크다	if (age > 18)
<	작다	if (temperature < 0)
>=	크거나 같다	if (score >= 60)
<=	작거나 같다	if (quantity <= 0)
&&	논리적 AND	if (x > 0 && x < 10)
||	논리적 OR	if (day === "Sat" || day === "Sun")
!	논리적 NOT	if (!isLoggedIn)

결론

축하합니다! 지금까지 TypeScript의 if...else 문장으로 조건부 프로그래밍의 세계로的第一步을 냈어요. 기억하세요, 이 문장들은 코드의 교통 신호등처럼, 설정한 조건에 따라 프로그램이 다른 길을 선택하도록 도와줍니다.

코딩 여정을 계속하면서 if...else 문장을 자주 사용하게 될 거예요. 이들은 매우 다양하고 강력합니다. 그러니 계속 연습하고, 곧 초콜릿과 바닐라 아이스크림을 고를 때처럼 코드에서 결정을 내리는 데 익숙해질 거예요!

행복한 코딩을 하세요, 그리고 기억해요 - 프로그래밍에서도, 인생에서처럼, 올바른 선택을 하는 것이 중요해요! ??

Credits: Image by storyset