[JS] 연산자(Operators)

📌 JavaScript 연산자(Operators) 가이드 🚀

JavaScript에서 연산자(Operator)는 값을 계산하거나 조작하는 데 사용되는 기호입니다.

이번 글에서는 연산자의 개념과 종류, 그리고 활용법을 예제와 함께 정리해 보겠습니다.

---

1️⃣ 연산자란 무엇인가?

📌 연산자의 개념

연산자(Operator)는 값을 연산(계산)하거나 비교, 논리적 조작을 수행하는 기호입니다.

프로그래밍에서 변수를 다루고 조작할 때 필수적인 요소입니다.

 

📌 연산자의 기본 구조

let result = 10 + 5;

• + → 연산자 (Operator)
• 10, 5 → 피연산자 (Operand)
• result → 연산 결과를 저장하는 변수

---

2️⃣ JavaScript 연산자의 종류

연산자는 크게 7가지 유형으로 분류할 수 있습니다.

연산자 종류 설명 예제

1. 산술 연산자	숫자를 계산	+, -, *, /, %, **
2. 대입 연산자	값을 변수에 할당	=, +=, -=, *=, /=, %=, **=
3. 비교 연산자	두 값 비교 (true/false 반환)	==, ===, !=, !==, >, <, >=, <=
4. 논리 연산자	논리 연산 수행 (true/false)	&&, ||
5. 비트 연산자	비트 단위 연산	&, |
6. 삼항 연산자	조건에 따라 값 선택	조건 ? 참값 : 거짓값
7. typeof 연산자	데이터 타입 확인	typeof

---

3️⃣ 연산자 활용법 & 예제

📌 1. 산술 연산자 (Arithmetic Operators)

산술 연산자는 기본적인 수학 연산을 수행합니다.

console.log(10 + 5);  // 15
console.log(10 - 5);  // 5
console.log(10 * 5);  // 50
console.log(10 / 5);  // 2
console.log(10 % 3);  // 1 (나머지 연산)
console.log(2 ** 3);  // 8 (거듭제곱, 2^3)

📌 활용 예제: 짝수/홀수 판별

const num = 7;
console.log(num % 2 === 0 ? "짝수" : "홀수");  // 홀수

---

📌 2. 대입 연산자 (Assignment Operators)

대입 연산자는 변수에 값을 할당하는 데 사용됩니다.

let a = 10;
a += 5;  // a = a + 5
console.log(a);  // 15

let b = 20;
b *= 2;  // b = b * 2
console.log(b);  // 40

📌 활용 예제: 증가/감소 연산

let count = 0;
count++;  // count = count + 1
console.log(count); // 1

---

📌 3. 비교 연산자 (Comparison Operators)

비교 연산자는 두 값을 비교하여 true 또는 false를 반환합니다.

console.log(10 > 5);  // true
console.log(10 < 5);  // false
console.log(10 == "10");  // true (값만 비교)
console.log(10 === "10");  // false (타입까지 비교)
console.log(10 !== 5);  // true

📌 활용 예제: 로그인 체크

const username = "admin";
if (username === "admin") {
    console.log("로그인 성공");
} else {
    console.log("로그인 실패");
}

---

📌 4. 논리 연산자 (Logical Operators)

논리 연산자는 조건을 조합할 때 사용됩니다.

연산자 의미

&&	AND (모두 참이면 true)
||	OR (하나라도 참이면 true)
!	NOT (논리 반전)

console.log(true && false);  // false
console.log(true || false);  // true
console.log(!true);  // false

📌 활용 예제: 나이 제한 체크

const age = 18;
if (age >= 18 && age < 65) {
    console.log("입장 가능");
} else {
    console.log("입장 불가");
}

---

📌 5. 삼항 연산자 (Ternary Operator)

조건 ? 참값 : 거짓값 형태로 값을 반환하는 연산자입니다.

const score = 85;
const grade = score >= 90 ? "A" : score >= 80 ? "B" : "C";
console.log(grade);  // "B"

👉 조건문을 간결하게 표현할 때 유용!

---

📌 6. typeof 연산자

변수의 데이터 타입을 확인할 때 사용합니다.

console.log(typeof 10);       // "number"
console.log(typeof "hello");  // "string"
console.log(typeof true);     // "boolean"
console.log(typeof {});       // "object"
console.log(typeof null);     // "object" (버그, 원래는 `null` 타입)
console.log(typeof undefined); // "undefined"

📌 활용 예제: 입력 값 검증

function checkInput(value) {
    return typeof value === "string" ? "문자열 입력됨" : "숫자 입력됨";
}
console.log(checkInput(100));  // "숫자 입력됨"
console.log(checkInput("Hello"));  // "문자열 입력됨"