Making decisions and controlling the order in which your code runs makes your code reusable and robust. This section covers the syntax for controlling data flow in JavaScript and its significance when used with Boolean data types
결정을 내리고 코드가 실행되는 순서를 제어하면 코드를 재사용하며 강력하게 만들 수 있습니다. 이 강의에서는 JavaScript에서 데이터 흐름을 제어하기 위한 구문과 논리 자료형 데이터 타입을 함께 사용하는 중요성을 다룹니다.
Booleans can be only two values: `true` or `false`. Booleans help make decisions on which lines of code should run when certain conditions are met.
논리 자료형은 `true` 또는 `false` 두 가지 값만 가능합니다. 논리 자료형은 조건이 충족하는 순간 실행하는 코드 라인을 결정하는 데 도움 줄 수 있습니다.
Set your boolean to be true or false like this:
이렇게 참 또는 거짓으로 논리 자료형을 지정합니다:
`let myTrueBool = true`
`let myFalseBool = false`
✅ Booleans are named after the English mathematician, philosopher and logician George Boole (1815–1864).
✅ Booleans(=논리 자료형)은 영국의 수학자, 철학자이자 논리 학자인 George Boole (1815-1864)의 이름에서 유래되었습니다.
## 비교 연산자와 논리 연산자
Operators are used to evaluate conditions by making comparisons that will create a Boolean value. The following is a list of operators that are frequently used.
연산자는 논리 자료형 값을 비교하여 조건을 평가하는 데 사용합니다. 자주 사용되는 연산자 목록입니다.
@ -34,11 +34,11 @@ Operators are used to evaluate conditions by making comparisons that will create
| `===` | **Strict equality**: Compares two values and returns the `true` Boolean data type if values on the right and left are equal AND are the same data type. | `5 === 6 // false` |
| `!==` | **Inequality**: Compares two values and returns the opposite Boolean value of what a strict equality operator would return | `5 !== 6 // true` |
✅ Check your knowledge by writing some comparisons in your browser's console. Does any returned data surprise you?
✅ 브라우저 콘솔에서 비교문을 작성하여 복습해보십시오. 반환된 데이터가 놀랍나요?
## If 문
The if statement will run code in between its blocks if the condition is true.
조건이 참이면 if 문은 블록 사이에서 코드를 실행합니다.
```javascript
if (condition){
@ -46,7 +46,7 @@ if (condition){
}
```
Logical operators are often used to form the condition.
논리 연산자는 조건을 만들 때 종종 사용됩니다.
```javascript
let currentMoney;
@ -60,7 +60,7 @@ if (currentMoney >= laptopPrice){
## IF..Else 문
The `else` statement will run the code in between its blocks when the condition is false. It's optional with an `if` statement.
`else` 문은 조건이 거짓일 때만 블록 사이에서 코드를 실행합니다. `if` 문와 함께 사용하는 것은 선택 사항입니다.
```javascript
let currentMoney;
@ -76,11 +76,11 @@ else{
}
```
✅ Test your understanding of this code and the following code by running it in a browser console. Change the values of the currentMoney and laptopPrice variables to change the returned `console.log()`.
✅ 위 코드들을 브라우저 콘솔에서 실행하여 이해했는지 테스트하십시오. currentMoney 및 laptopPrice 변수 값이 변경하여 반환된 `console.log ()`가 변경됩니다.
## 논리 연산자와 논리 자료형
Decisions might require more than one comparison, and can be strung together with logical operators to produce a Boolean value.
결정에는 두개 이상의 비교문이 필요할 수 있으며, 논리 연산자과 합쳐서 논리 자료형 값을 생성할 수 있습니다.
@ -90,7 +90,7 @@ Decisions might require more than one comparison, and can be strung together wit
## 논리 연산자의 조건 및 결정
Logical operators can be used to form conditions in if..else statements.
논리 연산자는 if..else 문에서 조건을 만들 때 사용됩니다.
```javascript
let currentMoney;
@ -109,7 +109,7 @@ else {
### 부정 연산자
You've seen so far how if you can use an `if...else` statement to create conditional logic. Anything that goes into an `if` needs to evaluate to true/false. By using the `!` operator you can _negate_ the expression. It would look like so:
`if...else` 문으로 사용하여 조건부 로직을 만드는 방법을 살펴 보았습니다. `if`에 들어가는 모든 것은 참/거짓으로 평가되어야 합니다. `!` 연산자를 사용하여 표현식을 _부정_ 할 수 있습니다. 이렇게 보입니다:
```javascript
if (!condition) {
@ -121,13 +121,13 @@ if (!condition) {
### 삼항식
`if...else` isn't the only way to express decision logic. You can also use something called a ternary operator. The syntax for it looks like this:
`if...else`가 결정 로직을 표현하는 유일한 방법은 아닙니다. 삼항 연산자라는 것을 사용할 수 있습니다. 구문은 다음과 같습니다:
```javascript
let variable = condition ? <returnthisiftrue> : <returnthisiffalse>`
```
Below is a more tangible example:
다음은 확실한 예시입니다:
```javascript
let firstNumber = 20;
@ -135,14 +135,14 @@ let secondNumber = 10
let biggestNumber = firstNumber > secondNumber ? firstNumber: secondNumber;
```
✅ Take a minute to read this code a few times. Do you understand how these operators are working?
✅ 잠시 시간을 내서 코드를 몇 번 읽으시기 바랍니다. 연산자가 어떻게 작동하는지 이해하나요?
The above states that
- if `firstNumber` is larger than `secondNumber`
- then assign `firstNumber` to `biggestNumber`
- else assign `secondNumber`.
위의 내용은
- `firstNumber`가 `secondNumber`보다 큰 경우
- `biggestNumber`에 `firstNumber`를 할당하고
- 그렇지 않으면 `secondNumber`를 할당한다는 내용입니다.
The ternary expression is just a compact way of writing the code below:
삼항 표현식은 아래 코드를 간단히 작성했습니다.
```javascript
let biggestNumber;
@ -157,16 +157,16 @@ if (firstNumber > secondNumber) {
## 🚀 도전
Create a program that is written first with logical operators, and then rewrite it using a ternary expression. What's your preferred syntax?
논리 연산자로 프로그램을 먼저 만든 뒤, 삼항 표현식을 사용하여 다시 작성하십시오. 어떤 구문을 선호합니까?
## 강의 후 퀴즈
[Post-lecture quiz](.github/post-lecture-quiz.md)
## 리뷰 & 자기주도 학습
Read more about the many operators available to the user [on MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators).
[MDN에서](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators) 사용할 수 있는 많은 연산자에 대해 자세히 알아보십시오.
Go through Josh Comeau's wonderful [operator lookup](https://joshwcomeau.com/operator-lookup/)!
Josh Comeau'의 wonderful [operator lookup](https://joshwcomeau.com/operator-lookup/)을 통할 수 있습니다!
minwook-shin
4 years ago