JavaScript 기초: 연산자와 표현식
발행: (2026년 2월 26일 오후 04:30 GMT+9)
4 분 소요
원문: Dev.to
Source: Dev.to
연산자와 표현식이란?
연산자 – JavaScript에게 특정 동작(덧셈, 비교, 논리 검사 등)을 수행하도록 지시하는 기호들.
표현식 – 값, 변수, 연산자를 조합하여 하나의 값으로 평가되는 식.
let result = 5 + 3; // Expression: 5 + 3
console.log(result); // Output: 8여기서 +는 연산자이고, 5 + 3은 표현식이다.
산술 연산자
산술 연산자는 수학 계산에 사용된다.
| 연산자 | 설명 | 예시 | 결과 |
|---|---|---|---|
+ | 덧셈 | 5 + 3 | 8 |
- | 뺄셈 | 5 - 2 | 3 |
* | 곱셈 | 4 * 2 | 8 |
/ | 나눗셈 | 10 / 2 | 5 |
% | 나머지 (Modulus) | 10 % 3 | 1 |
++ | 1씩 증가 | let x = 5; x++ | 6 |
-- | 1씩 감소 | let y = 5; y-- | 4 |
** | 지수 연산 | 2 ** 3 | 8 |
예시
let a = 10;
let b = 3;
console.log(a + b); // 13
console.log(a % b); // 1
console.log(a ** b); // 1000비교 연산자
비교 연산자는 두 값을 비교하고 Boolean(true 또는 false)을 반환한다.
| 연산자 | 설명 | 예시 | 결과 |
|---|---|---|---|
== | 값만 비교 (동등) | 5 == "5" | true |
=== | 값과 타입 모두 비교 (엄격 동등) | 5 === "5" | false |
!= | 값만 비교 (불동등) | 5 != "6" | true |
!== | 값과 타입 모두 비교 (엄격 불동등) | 5 !== "5" | true |
> | 초과 | 7 > 5 | true |
>= | 이상 | 5 >= 5 | true |
논리 연산자
논리 연산자는 Boolean 조건을 결합하거나 반전시켜 if 문 등에서 사용한다.
| 연산자 | 이름 | 설명 |
|---|---|---|
&& | AND | 두 조건이 모두 true여야 함 |
| ` | ` | |
! | NOT | 조건을 반전시킴 |
예시
// Using OR
(5 = 18 && hasID) {
console.log("You are allowed to enter.");
} else {
console.log("Access denied.");
}&&는 두 조건(age >= 18 그리고 hasID)이 모두 true여야 함을 의미한다. 하나라도 false이면 조건이 실패한다.
마무리 생각
연산자와 표현식을 이해하는 것은 JavaScript 프로그램의 의사결정 및 계산 핵심을 이루기 때문에 매우 중요하다.
- 산술 연산자는 수학 관련 작업에 사용한다.
- 비교 연산자는 값을 비교할 때 사용한다.
- 논리 연산자는 조건을 결합하고 프로그램 흐름을 제어한다.
웹 개발 여정을 계속하면서 더 많은 인사이트를 기대해 주세요!
멋진 JavaScript 콘텐츠(기초부터 고급까지)를 보려면 YouTube 재생목록을 확인하세요.
더 많은 프로그래밍 개념과 튜토리얼을 원한다면 CodenCloud YouTube 채널을 구독하세요.