산술연산자

• 사칙연산과 나머지를 구하는 기능을 하는 연산자

  기호	기능
  +	더하기
  -	빼기
  *****	곱하기
  /	나누기
  %	나머지 값

  let num1 = 10;
  let num2 = 5;
  
  // 더하기
  let sum = num1 + num2;
  console.log(sum);  // 결과 15
  
  // 빼기
  let minus = num1 - num2;
  console.log(minus); // 결과 5
  
  // 곱하기
  let multi = num1 * num2;
  console.log(multi); // 결과 50
  
  // 나누기
  let division = num1 / num2;
  console.log(division); // 결과 2
  
  // 나머지
  let remainder = num1 % num2;
  console.log(remainder); // 결과 0
  

문자열 연결

let str1 = "a" + "b";
console.log(str1); // ab 출력

let str2 = "숫자" + 1;
console.log(str2); // 숫자1 출력

let str3 = "10" + 20;
console.log(str3); // 1020 출력

산술 대입 연산자

• 연산한 결과를 변수에 대입하는 연산자

  기호	기능
  변수 = 값	변수에 값을 대입
  변수 += 값	변수의 기존 값에 새로운 값을 더해서 대입
  변수 -= 값	변수의 기존 값에 새로운 값을 빼서 대입
  *변수 = 값	변수의 기존 값에 새로운 값을 곱해서 대입
  변수 /= 값	변수의 기존 값에 새로운 값을 나누어서 대입
  변수 %= 값	변수의 기존 값에 새로운 값으로 나눈 나머지를 대입

  let num1 = 10;
  let num2 = 5;
  
  // 더하기
  num = 10;
  num += 5;
  console.log(num);  // 결과 15
  
  // 빼기
  num = 10;
  num -= 5;
  console.log(num);  // 결과 5
  
  // 곱하기
  num = 10;
  num *= 5;
  console.log(num);  // 결과 50
  
  // 나누기
  num = 10;
  num /= 5;
  console.log(num);  // 결과 2
  
  // 나머지
  num = 10;
  num %= 5;
  console.log(num);  // 결과 0
  
  // 문자열 연결
  str = "안녕! ";
  str += "JavaScript!";
  console.log(str);  // 결과 안녕! JavaScript!
  

증감 연산자

• 대상 값에 1을 더하거나 1을 빼는 연산자

  기호	기능
  변수++	변수의 현재 값을 반환 후 1 더하기
  변수--	변수의 현재 값을 반환 후 1 빼기
  ++변수	변수에 1을 더한 후 값을 반환
  --변수	변수에 1을 뺀 후 값을 반환

  let num = 10;
  
  // 후위 증감연산자를 사용했으므로 10을 먼저 출력 후 11이 됨
  console.log(num++);
  
  // 11이 됐는지 확인
  console.log(num);
  
  // 전위 증감연산자를 사용했으므로 12가 된 후 출력
  console.log(++num);
  

비교 연산자

• 두 값을 비교하여 true 또는 false를 반환하는 연산자

  기호	기능
  변수1 > 변수2	변수1이 변수2보다 크다
  변수1 < 변수2	변수1이 변수2보다 작다
  변수1 >= 변수2	변수1이 변수2보다 크거나 같다
  변수1 <= 변수2	변수1이 변수2보다 작거나 같다
  변수1 == 변수2	변수1과 변수2는 같다(불완전 비교, 데이터 타입은 체크하지 않음)
  변수1 != 변수2	변수1과 변수2는 같지 않다(불완전 비교, 데이터 타입은 체크하지 않음)
  변수1 === 변수2	변수1과 변수2는 같다(완전 비교, 데이터 타입까지 체크)
  변수1 !== 변수2	변수1과 변수2는 같지 않다(완전 비교, 데이터 타입까지 체크)

  console.log( 1 > 0 ); // true 반환
  console.log( 1 < 0 ); // flase 반환
  console.log( 0 >= 0 ); // true 반환
  console.log( 0 <= 0 ); // true 반환
  
  let num = 1;
  let str = '1';
  console.log(num == str); // true 반환, 값의 형태만 비교
  console.log(num === str); // flase 반환, 값의 데이터 타입까지 비교, 되도록이면 완전비교를 사용
  console.log(num != str); // flase 반환, 값의 형태만 비교
  console.log(num !== str); // true 반환, 값의 데이터 타입까지 비교, 되도록이면 완전비교를 사용
  

논리 연산자

• true와 false만의 값을 가지는 집합에서 사용하는 연산

  기호	기능
  &&	AND 연산자, 모든 조건이 true여야 true 반환
  !	NOT 연산자, 연산의 결과를 역전해서 반환

  // and 연산자
  console.log( 1 === 1 && 2 === 2); // true 반환 
  console.log( 1 === 1 && 2 === 1); // flase 반환
  
  // or 연산자
  console.log( 1 === 1 || 2 === 2); // true 반환 
  console.log( 1 === 1 || 2 === 1); // true 반환 
  console.log( 1 === 2 || 2 === 1); // flase 반환
  
  // not 연산자
  console.log( !(1 === 1) ); // flase 반환
  

삼항 연산자

• if / else 문을 축약하여 간결하게 작성할 수 있는 연산자

  // 조건식 ? 참일 경우 : 거짓일 경우
  1 < 2 ? '참' : '거짓'; // 참 출력
  

실습

• 산술 대입 연산자를 이용해서 아래 제시대로 계산해주세요.

  • 각 과정의 결과를 출력
  • 출력 포맷은 “현재 tng_num의 값 : 계산한값”으로 출력 예) 현재 tng_num의 값 : 20

  let tng_num = 100;
  
  // tng_num에 10을 더해주세요.
  // tng_num에 5로 나누어주세요.
  // tng_num에 4를 빼주세요.
  // tng_num를 7로 나눈 나머지를 구해주세요.
  // tng_num에 3을 곱해주세요.