IMCAT.DEV
로그인 가입
JavaScript 입문 문법

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. 실전 활용 예제

    1. 쇼핑몰에서 장바구니 총합 계산:
    2. let cartItems = [10000, 20000, 30000]; // 장바구니에 담긴 상품 가격
      let total = 0;
      
      for (let price of cartItems) {
          total += price; // 각 상품 가격을 total에 더합니다.
      }
      
      console.log("장바구니 총합: " + total); // 장바구니 총합: 60000
    3. 이 코드는 장바구니에 담긴 상품들의 총합을 계산합니다.
    4. 사용자 인증 조건 확인:
    5. let isLoggedIn = true;
      let hasPermission = false;
      
      if (isLoggedIn && hasPermission) {
          console.log("접근 허용");
      } else {
          console.log("접근 거부");
      }
      
      // 결과: 접근 거부
    6. 사용자가 로그인했는지, 권한이 있는지를 확인하여 접근을 허용하거나 거부합니다.
    7. 5. 흔한 실수와 주의사항

    8. 산술 연산자와 문자열 결합:
    9. - 잘못된 코드:

         let result = "5" + 3; // "53"

      - 올바른 코드:

         let result = parseInt("5") + 3; // 8
    10. 비교 연산자를 사용할 때 타입 주의:
    11. - 잘못된 코드:

         let isEqual = (5 == "5"); // true

      - 올바른 코드:

         let isEqual = (5 === "5"); // false

      6. 정리

    12. 연산자는 데이터 처리의 기본 도구이며, 프로그래밍의 핵심 로직을 구성합니다.
    13. 산술, 비교, 논리 연산자로 나뉘며, 각각의 용도와 특징이 있습니다.
    14. 실무에서 자주 사용되는 패턴을 익히고, 흔한 실수를 피하는 것이 중요합니다.

다음에 학습하면 좋은 주제: 조건문과 반복문 - 연산자를 활용하여 조건에 따라 다양한 동작을 수행하는 방법을 배우는 것이 좋습니다.