개인 자료란 (JE)

  서버 커뮤니티

Profile lukekeum 대표칭호 없음
Profile

JavaScript

[ JavaScript 기초강좌 ] 2-1강 연산자

2020.04.01 조회 수 663 추천 수 0

연산자

자, 오늘은 연산자에 대하여 알아 볼껀데요, 연산자를 사용하면, 다음에 조건문을 배울 때 훨신 수월하게 할 수 있습니다. 연산자의 종류에는 크게 3가지로 나뉩니다. 바로, 산술연산자, 대입연산자, 논리 연산자가 있습니다. 사실, 우리는 1강때 연산자 중 1개인 대입 연산자를 사용했었습니다. 그러면, 우리가 1강에서 썼던 코드를 한번 봐볼까요?

let number = 0;
let boolean = true;
let string = "홍길동";

이 때에 =가 위에서 말한 연산자 중 한 개인 대입 연산자입니다. 우리는 1강에서 대입연산자에 관해서는 조오금 이용을 해보았습니다. 그러면, 이제 한번 연산자에 대하여 알아볼까요?

산술연산자

산술연산자는 우리가 수학을 할 때, 쓰는 연산자들 입니다. 우리가 수학에서 더하기, 빼기, 곱하기, 나누기를 사용하는데, 여기에서도 그게 먹힙니다. 산술 연산자는 그냥 우리가 계산기를 쓰듯이 쓰면 되는 것입니다. 뭐 아래의 예제 코드를 보며 이해를 도와 드리겠습니다

let plus = 1 + 3; //기댓값: 4
let minus = 1 - 3; //기댓값: -2
let multiply = 1 * 3 //기댓값: 3
let division = 4 / 2 //기댓값: 2

이런 식으로 하시면, 됩니다. 근데, 이렇게 말고 진짜 우리가 계산기를 두드릴 때 처럼 사용하실 수도 있습니다.

let a = 1 + 2 - ( 3 * 4 ) / 4 //기댓값: 0

이것 뿐만이 아닙니다. 이런것도 활용할 수 있습니다

let a = 10;
console.log(a++); //출력값: 10
//a의 값: 11
console.log(++a); //출력값: 12
//a의 값: 12

이런식으로 활용하시면 됩니다. ++가 a앞에 붙느냐, 뒤에 붙느냐에 따라 용도가 다릅니다. ++가 앞에 붙으면, a에서 1을 더하고 출력을 한는 것이고, ++가 뒤에 있으면, a를 출력하고 1을 더한다고 생각하시면 되겠습니다. 이것도 잘 활용하시면 됩니다. 물론 console.log와 같은 출력을 하지 않는곳에서는 아무거나 써도 상관은 없습니다.

let a = 10;
a++; //a에 1을 더합니다
++a; //a에 1을 더합니다
console.log(a); //출력값: 12

뭐 이런식으로 console.log가 없으면 그냥 1을 더한다는 의미만 부여되므로 상관없이 아무거나 쓰셔도 됩니다. 뺄셈도 똑같이 할 수 있습니다. 뺄셈은 a--, --a와 같이 사용하시면 되겠습니다.

대입연산자

대입연산자는 특정 값에 연산한 값을 바로 계산할 때 쓰는 것입니다. 예를 들어, 이러한 코드가 있다면,

let a = 3;
a = a + 3;

이걸 대입연산자를 사용하여 표현한다면, 이렇게 나타낼 수 있습니다

let a = 3;
a += 3;

이런 것은 사칙 연산에서도 적용이 됩니다. 다음 코드를 확인해주세요

let a = 3;
a += 3; // a + 3 = 6
a -= 3; // a - 3 = 3
a *= 3; // a * 3 = 9
a /= 3; // a / 3 = 3
console.log(a); //출력값: 3

이런식으로도 활용이 가능합니다. 이게 대입연산자의 끝입니다. 어때요? 쉽죠?

논리연산자

자, 이제 마지막인 논리연산자에 대하여 공부해 보겠습니다. 논리연산자는 조건문에서 많이 쓸것이므로 잘 숙지해두시면 좋습니다. 논리 연산자는 불리언타입을 위한 연산자입니다. 논리연산자의 결과는 무조건 불리언타입인 true나 false나 나오기 때문인데요.

논리 연산자에는 총 3가지가 존재합니다.

  • &&: and
  • ||: or
  • !: not

자, 그러면 and연산자부터 배워볼까요?

And

앤드 연산자는 양 쪽의 값이 모두 참(true)일 때에만 참(true)이 됩니다. 아래의 코드를 참고해보세요

const result = true && true;
console.log(result); //양쪽의 값이 모두 true이므로 출력 결과는 true이다

다른 예를 한번 보시겠습니다

const a = true && false; //한쪽의 값이 true이지만, 다른 한 쪽의 값이 false이므로 a = false이다
const b = true && true; //양쪽의 값이 모두 true이므로 b = true이다
const c = a && b; //a는 false, b는 true이므로 c = false이다
console.log(c); //출력값: false

자, 그러면 이제 한번 OR을 봐 볼까요?

OR

OR은 AND과는 다르게 한쪽의 값만 true이면 모두 true입니다, 물론 양쪽의 값이 true일 때에도 true가 되고요. 아래의 코드를 참고해주세요

const a = true || false; //우측의 값이 false이지만, 좌측의 값은 true이므로 a = true
console.log(a); //출력값: true

다른 복잡한 예제를 한번 들고 와 보았습니다

let a = false || false; //양쪽의 값이 모두 false이므로 a = false
let b = true || true; //양쪽의 값이 모두 true이므로 b = true
let c = true || false; //한쪽의 값이 true이므로 c = true
let result = a || b; //이걸 다시 표현하자면, false || true이므로 true이다
let result = result || c; //이걸 다시 표현하면, true || true이므로, result = true이다.
console.log(result);

이렇게 OR연산자도 끝났습니다. 그러면, 이제 마지막으로 NOT연산자에 대해서 알아볼까요?


NOT

NOT연산자는 true는 false로, false는 true로 만들어주는 연산자입니다. 이건 쉬우므로 그냥 예제 1개로 마무리 하겠습니다.

const a = !true; // a는 true의 값을 부정하므로, false, 따라서 a = false;
console.log(a); //출력값: false

자, 이상으로 오늘의 강의를 마치겠습니다. 담 시간에는 남은 연산자를 배워보도록 하겠습니다


https://discord.gg/2gxSqWu - 마인크래프트 개발자 디스코드

1개의 댓글

lukekeum
2020.04.01

OR부분에서 치명적인 오류 1개 발견하여 수정 완료

뉴스 및 창작물
/files/thumbnails/483/916/003/262x150.crop.jpg?20241127115329

레드스톤

[노트블럭 커버] 뉴진스 - ETA 2

노트블럭전문가

2024-11-27

0

/files/thumbnails/150/925/003/262x150.crop.jpg?20241123005717

건축

응답하라 1988 ?

팀뉴일리시

2024-11-23

4

/files/thumbnails/761/908/003/262x150.crop.jpg?20241025153749

건축

서울 숭례문(崇禮門) 6

KHC

2024-10-25

2

/files/thumbnails/578/899/003/262x150.crop.jpg?20241010142350

건축

경주 월정교 1

KHC

2024-10-10

2

/files/thumbnails/219/899/003/262x150.crop.jpg?20241009200950

건축

송전탑+도시 2

dbasd12

2024-10-09

2