: 3일차 - 공부

유튜브 "코드깎는노인" 채널 광고 및 홍보하는 목적으로 사용하지 않았음을 알려드립니다.
유튜브보고 공부한 내용을 정리하는 목적으로 사용됨을 알려드립니다. 문제가 있을 시 삭제합니다.
[블로그 작성 승인 허가함]

js 기초 문법 3일차 - 공부

바로 실습 시작한다. (코드 작성하면서 배워야하니 무작정 코드작성한다.)
저번에 배운 숫자, 문자가 아닌 다른 형태의 새로운 것을 알아보자!
그것이 바로 참 거짓 으로 표현하는 방법이다.

  let box = true;
  let box = 'true';

true; 'true;' 다르다. '' 따옴표를 붙이는 것은 문자를 나타내는 것이다.
따옴표 붙이지 않고 true 작성하면 이 자체로 참 을 나타내는 것이다.
참이 있으면 거짓도 있다.

  let box = false;
  let box = 'false';

false; 'false'; 마찬가지로 따옴표를 붙이는 것은 문자고 붙이지 않고 false 작성하면 거짓 을 나타내는 것이다.

true false 참과 거짓은 2가지 밖에 없다.

true / false 어디에서 사용이 되는가?

일단 먼저 우리는 + - * / % 배웠다.
다시 복습하면서 true false 어디에서 사용이 되는지 알아보자

  let box = '1';
  let title = '글자';
  let contents = 1;

  console.log(box);
  console.log(title);
  console.log(contents);

상자 안에 무엇가를 넣어보고 콘살창에 나타나게 해봤다.

  let count = 5;
  let title = '글자';
  let box = '2';

  console.log(count + count); // 10
  console.log(count - count); // 0
  console.log(count + box); // 52
  console.log(count - box); // 3
  console.log(box - count); // -3
  console.log(box + box); // 22
  console.log(count + title); // 5글자
  console.log(count - title); // NaN

산술연산자를 사용하여 다양한 것을 해봤다.

복습했으니 true / false 어떻게 사용해?

코드로 보면서 이해를 해보자!
시각적으로 한번 보면 수학시간에 배운 내용들이 기억에 날 것이다.

  let a = 10 > 5;
  let b = 10 < 5;
  console.log(a); // true
  console.log(b); // false

오른쪽에 있는 5 보다 큰가? 컴퓨터에게 물어보는 코드다.
그러면 컴퓨터는 이것을 보고 판단을 한다. 물어보는 코드가 맞다면 true 라고 변환해준다.
변환된 true 를 box 안에 넣어준다.
반대로 5가 10보다 큰가? 컴퓨터에게 물어보면 컴퓨터가 판단하고 false 라고 변환해서 box 안에 넣어준다.

그리고 === 이것도 있다. 왼쪽꺼랑 오른쪽꺼랑 같은가? 라고 컴퓨터에게 물어보는 코드다.

  let a = 10 === 5;
  let b = 10 === 10;
  console.log(a); // false
  console.log(b); // true

!== 이것은 무엇인가? 일단 먼저 코드를 보자

  let a = 10 !== 5;
  console.log(a); // false

나: 오른쪽 10 이랑 왼쪽 5 이 같지 않는가?
컴퓨터: 응!
그럼 컴퓨터는 true 변환해준다.
그리고 !== 랑 같은 것은 !(===) 있다.

  let a = !(10 === 5);
  console.log(a); // false

!(===) 는 먼저 () 안에 있는 코드를 판단하고 ! 만나서 반대로 변환해준다.
쉽게 이야기하자면 false 인데 반대로 true 변환해준다.