JS 코딩 #09 - 연산자(Operators) 1
안녕하세요,
이번 시간에는 자바스크립트 연산자에 대해 알아보겠습니다.
1. 산술 연산자 (Arithmetic Operators)
산술 연산자는 숫자에 대한 계산을 수행하는데 사용됩니다.
아래 코드를 클릭하여 라인주석을 제거하면서 산술 연산자를 시험해보세요:
2. 할당 연산자 (Assignment Operators)
아래 코드를 클릭하여 라인주석을 제거하면서 할당 연산자를 시험해보세요:
3. 문자열 연산자 (String Operators)
+
연산자를 사용하여 문자열을 추가 (연결) 할 수도 있습니다:
위 코드에서 fullName
변수의 값은 다음과 같습니다:
David Young
💡 문자열에 사용되는 경우
+
를 연결 연산자라고 합니다.
Exercise 1:
❓ 위 코드에서 연결연산자
+
대신 할당연산자+=
를 이용해 같은 결과를 만들어보세요.+=
연산자를 여러 번 사용해도 괜찮습니다.
4. 문자열과 숫자 더하기
두 개의 숫자를 더하면 합계를 반환하지만, 숫자와 문자열을 더하면 문자열을 반환합니다:
결과를 예상해본 뒤 위 코드를 클릭하여 확인해보세요.
5. 비교 연산자 (Comparison Operators)
위 표를 클릭하여 코드를 통해 비교 연산자를 직접 연습해보세요.
삼항 연산자(ternary operator)에 대해서는
if
제어문을 다룰 때 자세히 알아보겠습니다.
Exercise 2:
❓ age 변수에 비교연산자를 사용하여 adult 변수에 올바른 결과가 입력되도록 고쳐보세요.
6. 논리 연산자 (Logical Operators)
논리 연산자는 변수 또는 값 사이의 논리(logic)를 결정하기 위해 사용됩니다.
예를 들어, x = 6
, y = 3
가 주어졌을 때 아래와 같이 논리 연산을 설명할 수 있습니다. 아래 코드를 클릭하여 결과를 확인해보세요:
Exercise 3:
❓ Q1. JS 키즈 카페에 오신 것을 환영합니다. 이 곳은 아래의 두 조건을 모두 만족해야 입장할 수 있습니다. 논리 연산을 사용하여 두 가지 조건의 검사 결과를 result 변수에 저장하세요.
조건 1: 마스크 착용
조건 2: 13세 이하
❓ Q2. msg 위치를 서로 바꾸고 그에 맞게 논리 연산도 수정해보세요.
이상으로 연산자에 대한 1차 강의를 마칩니다.
다음 2차 강의에서는 비트 연산자에 대해 알아보겠습니다.