자바스크립트 산술 연산자 완벽 가이드: 프로그래밍의 핵심 개념 이해하기

프로그래밍을 배우는 과정에서 연산자는 필수적인 개념입니다. 특히, 자바스크립트에서 산술 연산자(arithmetic operators) 는 숫자를 다루는 데 가장 기본적인 역할을 하며, 데이터를 조작하고 처리하는 과정에서 매우 중요하게 사용됩니다. 본 글에서는 자바스크립트의 산술 연산자를 체계적으로 정리하고, 각 연산자의 활용법을 예제와 함께 살펴보겠습니다.

---

📌 산술 연산자란?

산술 연산자는 프로그래밍에서 수학적 계산을 수행하는 데 사용됩니다. 덧셈, 뺄셈, 곱셈, 나눗셈과 같은 기본 연산뿐만 아니라, 나머지 연산과 거듭제곱 연산도 지원하여 보다 복잡한 계산을 수행할 수 있습니다.

자바스크립트에서 제공하는 주요 산술 연산자는 다음과 같습니다:

연산자	설명
+	두 값을 더하거나, 문자열을 연결하는 데 사용됨
-	첫 번째 값에서 두 번째 값을 뺌
*	두 값을 곱함
/	첫 번째 값을 두 번째 값으로 나누어 몫을 반환
%	첫 번째 값을 두 번째 값으로 나눈 후 남은 나머지를 반환
**	첫 번째 값을 두 번째 값만큼 거듭제곱

이제 각 연산자가 실제로 어떻게 사용되는지 예제를 통해 자세히 살펴보겠습니다.

---

🔢 1. 덧셈 (+)

덧셈 연산자는 두 개의 숫자를 더하는 가장 기본적인 연산입니다.

let a = 10;
let b = 5;
let sum = a + b; // 결과: 15
console.log(sum);

문자열 연결에도 사용 가능
+ 연산자는 숫자뿐만 아니라 문자열을 연결할 때도 사용할 수 있습니다.

let firstName = "김";
let lastName = "철수";
let fullName = firstName + lastName; // 결과: "김철수"
console.log(fullName);

---

🔢 2. 뺄셈 (-)

뺄셈 연산자는 첫 번째 숫자에서 두 번째 숫자를 빼는 역할을 합니다.

let x = 20;
let y = 8;
let difference = x - y; // 결과: 12
console.log(difference);

이 연산자는 날짜 계산에도 활용할 수 있습니다.

let today = new Date();
let yesterday = new Date();
yesterday.setDate(today.getDate() - 1);
console.log(yesterday);

---

🔢 3. 곱셈 (*)

곱셈 연산자는 두 개의 숫자를 곱하는 데 사용됩니다.

let m = 7;
let n = 6;
let product = m * n; // 결과: 42
console.log(product);

그래픽 및 게임 개발에서 좌표 변환에 활용
곱셈 연산자는 이미지 크기 조정이나 좌표 변환 등 다양한 용도로 활용됩니다.

let scaleFactor = 2;
let originalWidth = 100;
let newWidth = originalWidth * scaleFactor; // 결과: 200
console.log(newWidth);

---

🔢 4. 나눗셈 (/)

나눗셈 연산자는 첫 번째 숫자를 두 번째 숫자로 나누는 연산입니다.

let p = 30;
let q = 5;
let quotient = p / q; // 결과: 6
console.log(quotient);

0으로 나누는 경우를 조심해야 함

console.log(10 / 0); // 결과: Infinity
console.log(0 / 0); // 결과: NaN

---

🔢 5. 나머지 (%)

나머지 연산자는 특정 숫자를 다른 숫자로 나눈 후 남은 값(나머지)을 반환합니다.

let r = 17;
let s = 3;
let remainder = r % s; // 결과: 2
console.log(remainder);

🔎 짝수와 홀수 판별하기

이 연산자는 짝수와 홀수를 판별하는 데 자주 사용됩니다.

function isEven(num) {
    return num % 2 === 0;
}

console.log(isEven(10)); // 결과: true (짝수)
console.log(isEven(7));  // 결과: false (홀수)

---

🔢 6. 거듭제곱 (**)

거듭제곱 연산자는 특정 숫자를 거듭제곱하는 데 사용됩니다.

let base = 2;
let exponent = 3;
let powerResult = base ** exponent; // 결과: 8 (2의 세 제곱)
console.log(powerResult);

Math.pow()와 동일한 기능을 합니다.

console.log(Math.pow(2, 3)); // 결과: 8

---

🎯 자바스크립트 산술 연산자 활용 팁

✅ 배수 판별

% 연산자를 활용하면 특정 숫자가 다른 숫자의 배수인지 쉽게 확인할 수 있습니다.

function isMultiple(num, divisor) {
    return num % divisor === 0;
}

console.log(isMultiple(15, 5)); // 결과: true (15는 5의 배수)
console.log(isMultiple(14, 5)); // 결과: false

✅ 소수점 연산 조심하기

자바스크립트에서는 부동소수점 연산의 오차가 발생할 수 있습니다.

console.log(0.1 + 0.2); // 결과: 0.30000000000000004

이를 해결하려면 toFixed() 또는 Math.round() 를 사용할 수 있습니다.

console.log((0.1 + 0.2).toFixed(2)); // 결과: "0.30"
console.log(Math.round((0.1 + 0.2) * 100) / 100); // 결과: 0.3

---

✍️ 결론

자바스크립트의 산술 연산자는 숫자 연산을 수행하는 데 필수적인 요소이며, 다양한 데이터 타입과 함께 활용할 수 있습니다. 단순한 덧셈과 뺄셈부터 복잡한 연산까지, 이러한 개념을 잘 이해하면 더 효율적이고 직관적인 코드를 작성할 수 있습니다.