JavaScript 101: 제어 흐름 시작하기
Source: Dev.to
TL;DR
- 애플리케이션에서 제어 흐름은 코드가 올바른 경로를 따라 실행되도록 하는 역할을 합니다.
if,else if,else는 조건에 따라 서로 다른 코드를 실행하도록 도와줍니다. - 보통 제어 흐름은 비교 연산자나 논리 연산자와 함께 사용합니다(다음 글에서 다룹니다!).
- 좋은 제어 흐름은 지저분하고 반복적인 코드를 피하게 해 줍니다.
Getting started
코드를 작성한다는 것은 컴퓨터에게 한 번에 한 단계씩 무엇을 해야 하는지 알려주는 것입니다. 그런데 데이터에 따라 컴퓨터가 수행해야 할 단계가 바뀔 때는 어떻게 해야 할까요? “이 상황이 발생하면 이것을 하고, 그렇지 않으면 저것을 해라”라고 컴퓨터에게 알려줄 방법이 필요합니다. 바로 제어 흐름이 그 역할을 합니다. 제어 흐름은 특정 조건에 따라 코드가 무엇을 할지 결정하도록 해 줍니다.
이 글에서는 JavaScript에서 의사 결정을 내리기 위한 가장 기본적인 구성 요소인 if, else if, else에 대해 설명합니다.
💡 시작하기 전에: 이 문장들은 ==, >, &&와 같은 연산자와 손잡고 동작합니다. 아직 연산자가 헷갈린다면 걱정하지 마세요—다음 글에서 연산자를 다룰 예정입니다.
What Is Control Flow?
제어 흐름은 코드가 “한 단계에서 다음 단계로” 어떻게 흐르는지를 나타내는 멋진 용어입니다.
기본적으로 JavaScript는 코드를 위에서 아래로, 한 줄씩 실행합니다. 조건문을 사용하면 프로그램에 다음과 같이 말함으로써 그 흐름을 중단, 수정, 혹은 재설정할 수 있습니다:
- “이 조건이 참이면, 이 코드를 실행해.”
- “그렇지 않으면, 저 코드를 실행해.”
- “위 조건들 중 어느 것도 해당되지 않으면, 다른 코드를 실행해.”
The if statement
if 문은 매우 직관적입니다: 조건이 참이면 연결된 코드를 실행합니다.
if (condition) {
// code to run if condition is true
}Example
let score = 90;
// Passes only if strictly greater than 70 (70 fails)
if (score > 69) {
console.log("Not bad.");
}
// Passes if it is higher or equal to 70 (70 passes)
if (score >= 70) {
console.log("Not bad.");
}위 예시에서 JavaScript는 score가 70보다 큰지를 확인하고, 조건이 참이면 “Not bad.”를 출력합니다. 조건이 거짓이면 해당 블록을 건너뜁니다.
The else if and else statements
여러 조건을 다뤄야 할 때는 else if를 체인처럼 연결하고, 마지막에 else를 사용해 기본값을 지정합니다.
if (score > 80) {
console.log("Nice job!");
} else if (score > 70) {
console.log("Not bad.");
} else {
console.log("Keep practicing.");
}이렇게 하면 코드가 여러 경로 중 하나를 선택하게 됩니다. JavaScript는 일치하는 조건을 찾으면 바로 검사를 멈춥니다.
Pro Tips to Keep Your Conditions Clean
- 조건은 가능한 한 간단하게 유지하세요; 복잡해지면 의미 있는 변수로 분리합니다.
if문을 중첩할 수는 있지만, 깊은 중첩은 피하세요—코드 가독성이 떨어집니다.- 조건의 모든 분기를 반드시 테스트하세요.
Coming Next: Operators in JavaScript
다음 파트에서는 JavaScript가 연산자를 어떻게 관리하는지 살펴보고, if, else if, else와 어떻게 조합되어 올바른 데이터 흐름을 만드는지 알아볼 예정입니다.
Control Flows In a Nutshell
