js

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

📌 요약 설명

이 단원에서는 JavaScript에서 사용하는 다양한 연산자와 표현식에 대해 학습합니다. 연산자는 값 사이에서 계산을 수행하는 기호이고, 표현식은 그 계산의 결과로 하나의 값을 만들어내는 코드입니다. 주요 연산자 종류(산술, 대입, 비교, 논리, 조건)를 묶어 초급자도 쉽게 이해할 수 있도록 각각 자세히 설명합니다.

🛠 3.1 연산자란?

개념 정리

🧩 3.2 주요 연산자 종류

📐 1) 산술 연산자 (Arithmetic Operators)

연산자 설명 예시 결과
+ 더하기 3 + 2 5
- 빼기 5 - 2 3
* 곱하기 2 * 4 8
/ 나누기 10 / 2 5
% 나머지 7 % 3 1
** 거듭제곱 (ES6+) 2 ** 3 8

📝 2) 대입 연산자 (Assignment Operators)

연산자 설명 예시 결과
= 값을 저장 let x = 10 x는 10
+= 더해서 저장 x += 5 x는 x + 5
-= 빼서 저장 x -= 3 x는 x - 3
*= 곱해서 저장 x *= 2 x는 x * 2
/= 나눠서 저장 x /= 2 x는 x / 2

❓ 3) 비교 연산자 (Comparison Operators)

연산자 설명 예시 결과
== 값이 같음 (느슨한 비교) '3' == 3 true
=== 값과 타입이 같음 (엄격한 비교) '3' === 3 false
!= 값이 다름 5 != 3 true
!== 값 또는 타입이 다름 5 !== '5' true
> 크다 7 > 3 true
< 작다 2 < 5 true
>= 크거나 같다 5 >= 5 true
<= 작거나 같다 4 <= 4 true

🔗 4) 논리 연산자 (Logical Operators)

연산자 설명 예시 결과
&& 그리고 (모두 참일 때 true) true && false false
∥ 또는 (하나라도 참이면 true) true ∥ false true
! 반대 (NOT) !true false 
let age = 25;
let isMember = true;

if (age > 18 && isMember) {
  console.log("성인 멤버입니다.");
}

🧮 5) 조건(삼항) 연산자 (Ternary Operator)

let age = 17;
let result = (age >= 18) ? '성인' : '미성년자';
console.log(result); // '미성년자'

✨ 3.3 표현식(Expression)이란?

개념 정리

예시

5 + 3          // 산술 표현식 → 8
'Hello ' + 'JS' // 문자열 결합 표현식 → 'Hello JS'
let age = 20    // 할당 표현식
isAdult === true // 비교 표현식

🔍 3.4 표현식 예시 확장

다양한 조합 예시

let a = 10;
let b = 5;
let sum = a + b;          // 산술 표현식
let isBigger = sum > 10;  // 비교 표현식
let message = isBigger ? '큰 수' : '작은 수'; // 조건 표현식

🧠 마무리