학습
JavaScript 연산자
JavaScript 연산자 — 초급
연산자
1. 도입 (왜 배워야 하는가)
JavaScript에서 연산자는 데이터를 처리하고 조작하는 데 필수적인 요소입니다. 연산자는 숫자, 문자, 불리언 등의 데이터를 다루는 기본적인 수단으로, 이를 통해 변수의 값을 변경하거나 조건을 평가하고, 원하는 결과를 도출해낼 수 있습니다. 실무에서는 조건문이나 반복문과 함께 자주 사용되며, 이를 통해 프로그래밍의 논리를 구성합니다.
연산자를 이해하지 못하면 단순한 계산이나 조건 판단조차 어려워지며, 복잡한 로직을 구현하는 데 큰 장애물이 될 수 있습니다. 예를 들어, 쇼핑몰에서 할인율을 적용하거나 사용자의 인증 여부를 판단하는 로직에서는 연산자가 필수적입니다. 따라서 연산자를 잘 이해하고 활용하는 것이 중요합니다.
2. 핵심 개념 설명
연산자는 크게 산술 연산자, 비교 연산자, 논리 연산자로 구분됩니다.
| 연산자 종류 | 설명 | 예시 | ||
|---|---|---|---|---|
| 산술 연산자 | 수학적 계산을 수행 | +, -, *, / | ||
| 비교 연산자 | 두 값을 비교하여 불리언 반환 | , =, <, > | ||
| 논리 연산자 | 불리언 값을 결합 | &&, | , ! |
- 산술 연산자: 수학에서 사용하는 기본적인 연산자로, 두 숫자를 더하거나 빼는 등의 작업을 수행합니다. 예를 들어, 두 개의 사과를 더하는 것은 우리가 사과를 더하는 것과 같습니다.
- 비교 연산자: 두 값을 비교하여 참(true) 또는 거짓(false)을 반환합니다. 예를 들어, "이 사과가 더 큰가?"라는 질문은 비교 연산자와 유사합니다.
- 논리 연산자: 여러 조건을 결합하여 하나의 불리언 값을 생성합니다. "사과가 빨갛고, 바닥에 떨어졌나요?"라는 질문을 통해 두 조건을 동시에 확인할 수 있습니다.
3. 기본 코드 예제
다음은 각 연산자에 대한 기본적인 사용 예제입니다.
// 산술 연산자 예제
let a = 5;
let b = 3;
let sum = a + b; // 덧셈
let difference = a - b; // 뺄셈
let product = a * b; // 곱셈
let quotient = a / b; // 나눗셈
console.log(sum); // 8
console.log(difference); // 2
console.log(product); // 15
console.log(quotient); // 1.6666666666666667
let a = 5; : 변수 a에 5를 할당합니다.let b = 3; : 변수 b에 3을 할당합니다.let sum = a + b; : a와 b의 합을 sum에 저장합니다.console.log(sum); : sum의 값을 콘솔에 출력합니다. (결과: 8)비슷한 방식으로 다른 산술 연산자도 사용됩니다.
4. 실전 활용 예제
- 쇼핑몰에서 장바구니 총합 계산:
- 이 코드는 장바구니에 담긴 상품들의 총합을 계산합니다.
- 사용자 인증 조건 확인:
- 사용자가 로그인했는지, 권한이 있는지를 확인하여 접근을 허용하거나 거부합니다.
- 산술 연산자와 문자열 결합:
- 비교 연산자를 사용할 때 타입 주의:
- 연산자는 데이터 처리의 기본 도구이며, 프로그래밍의 핵심 로직을 구성합니다.
- 산술, 비교, 논리 연산자로 나뉘며, 각각의 용도와 특징이 있습니다.
- 실무에서 자주 사용되는 패턴을 익히고, 흔한 실수를 피하는 것이 중요합니다.
let cartItems = [10000, 20000, 30000]; // 장바구니에 담긴 상품 가격
let total = 0;
for (let price of cartItems) {
total += price; // 각 상품 가격을 total에 더합니다.
}
console.log("장바구니 총합: " + total); // 장바구니 총합: 60000
let isLoggedIn = true;
let hasPermission = false;
if (isLoggedIn && hasPermission) {
console.log("접근 허용");
} else {
console.log("접근 거부");
}
// 결과: 접근 거부
5. 흔한 실수와 주의사항
- 잘못된 코드:
let result = "5" + 3; // "53"
- 올바른 코드:
let result = parseInt("5") + 3; // 8
- 잘못된 코드:
let isEqual = (5 == "5"); // true
- 올바른 코드:
let isEqual = (5 === "5"); // false
6. 정리
다음에 학습하면 좋은 주제: 조건문과 반복문 - 연산자를 활용하여 조건에 따라 다양한 동작을 수행하는 방법을 배우는 것이 좋습니다.