연산자와 표현식

연산자와 표현식 (Operators and Expressions)

소개

자바스크립트를 배우는 과정에서, 연산자와 표현식은 프로그램을 작성하고 데이터를 처리하는 데 필수적인 구성 요소입니다. 이번 장에서는 자바스크립트에서 사용되는 다양한 연산자와 표현식의 기본 개념에 대해 알아보고, 이를 활용하는 방법을 익혀 보겠습니다.

연산자가 무엇인가?

연산자는 데이터를 처리하는 데 필요한 기호입니다. 이는 값을 계산하거나 비교하거나 조작할 수 있도록 합니다. 자바스크립트에는 다양한 종류의 연산자가 있으며, 각기 다른 역할을 수행합니다. 예를 들어, 산술 연산자는 덧셈(+) 또는 뺄셈(-)을 수행할 수 있고, 비교 연산자는 값을 비교하여 논리 결과를 반환합니다.

산술 연산자

자바스크립트에서 자주 사용되는 산술 연산자는 다음과 같습니다:

+: 두 값을 더합니다.
- 예: 5 + 3은 8을 반환합니다.
-: 두 값의 차이를 계산합니다.
- 예: 8 - 5은 3을 반환합니다.
*: 두 값을 곱합니다.
- 예: 2 * 3은 6을 반환합니다.
/: 두 값을 나눕니다.
- 예: 10 / 2은 5를 반환합니다.
%: 나누기의 나머지를 반환합니다.
- 예: 7 % 3은 1을 반환합니다.

비교 연산자

비교 연산자는 두 값을 비교하여 참(true) 또는 거짓(false)을 반환합니다:

>: 좌항이 우항보다 크면 참.
- 예: 5 > 3은 true를 반환합니다.
<: 좌항이 우항보다 작으면 참.
- 예: 3 < 5은 true를 반환합니다.
>=: 좌항이 우항보다 크거나 같으면 참.
- 예: 5 >= 5는 true를 반환합니다.
<=: 좌항이 우항보다 작거나 같으면 참.
- 예: 3 <= 4는 true를 반환합니다.
==: 동등 비교, 값이 같으면 참.
- 예: 3 == '3' (타입을 무시하고 비교).
===: 일치 비교, 값과 타입이 모두 같으면 참.
- 예: 3 === 3은 true (타입도 고려).

할당 연산자

값을 변수에 저장할 때 사용하는 할당 연산자는 다음과 같습니다:

=: 값을 변수에 저장합니다.
- 예: let x = 5;는 변수 x에 5를 저장합니다.
+=: 값을 기존에 저장된 값에 더해 저장.
- 예: x += 3;는 x = x + 3과 동일하며, x의 값이 업데이트됩니다.

논리 연산자

논리 연산자는 Boolean 값을 조작하는 데 사용됩니다:

&&: 논리 AND.
- 예: true && false는 false를 반환.
||: 논리 OR.
- 예: true || false는 true를 반환.
!: 논리 NOT.
- 예: !true는 false를 반환.

표현식이란?

표현식은 여러 가지 값, 변수, 연산자를 이요하여 특정 값을 생성하는 코드 단위입니다. 가장 간단한 표현식은 숫자나 문자열 값입니다. 예를 들어, 숫자 42나 문자열 'Hello'는 각각 숫자와 문자열 표현식입니다.

복합 표현식은 연산자를 사용하여 더 복잡한 값을 얻는 데 사용됩니다. 예를 들어, 3 + 5는 산술 표현식이고, x = 10은 할당 표현식입니다.

예제: 사용자 입력 처리하기

사용자가 입력한 값을 더하거나 비교하는 간단한 프로그램을 만들어 보겠습니다:

let a = prompt("첫 번째 숫자를 입력하세요:", "0");
let b = prompt("두 번째 숫자를 입력하세요:", "0");

let sum = Number(a) + Number(b);
alert(`입력값의 합은: ${sum}입니다.`);

if (a > b) {
  alert("첫 번째 숫자가 더 큽니다.");
} else if (a < b) {
  alert("두 번째 숫자가 더 큽니다.");
} else {
  alert("두 숫자는 같습니다.");
}

이 코드는 사용자가 입력한 값을 더하고 비교하여 결과를 표시합니다.

결론

이번 장에서는 자바스크립트의 연산자와 표현식에 대해 배워 보았습니다. 이는 데이터를 처리하고 계산을 수행하며 프로그램의 흐름을 제어하는 데 필수적인 요소입니다. 다음 장에서는 조건문을 배워, 더욱 깊은 프로그래밍 설계를 할 수 있도록 하겠습니다.