javascript 기초 문법: 2일차 - 공부

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

js 기초 문법 2일차 - 공부

바로 실습 시작한다. (코드 작성하면서 배워야하니 무작정 코드작성한다.)

let 변수 작성하고 box 라는 이름 작성할 때 주의사항은 앞에 숫자가 오면 안 된다.

순서대로 처리한다.

밑에 있는 코드들 작성해보자!

1  let contents;
2  contents = '콘텐츠';
3  console.log(contents); // 결과: 콘텐츠
4  let box = 1;
5  console.log(box); // 결과: 1

코드는 1번 줄부터 실행된다. 즉 위에서 하나씩 처리해 나가면서 밑으로 내려온다.
자! 그럼 다른 상황을 만들어보자!

1  let contents;
2  contents = '콘텐츠';
3  console.log(contents);
4  contents = '상자';
5  console.log(contents);

3번 줄에 콘솔창은 뭐가 나올까? 아까 코드는 1번 줄부터 실행된다고 했다.
그럼 실행해보자!

1: contents 상자 만들고
2: 상자 안에 콘텐츠 문자열 넣고
3: 콘솔창에 contents 안에 들어간 자료를 뜨게 해준다. 그럼 콘텐츠 가 나온다.
4: 새로운 자료를 넣어줬다. 그럼 기존의 있던 콘텐츠 자료를 없어지고 새로운 상자 자료가 넣어진다.
5: 새로운 자료를 넣어준 상자 가 콘솔창에 뜨게 된다.

자바스크립트에서 산술연산자는?

산순연산자 는 +(더하기) -(빼기) *(곱하기) /(나누기) %(나머지연산자)
알아봤으니 바로 실습시작!!

숫자 + 숫자 = ???

자바스크립트에서 숫자 + 숫자 는 계산하는 일이다.
일상생활에서 생각하면 숫자 계산이다.
자 그럼 숫자끼리 더하는 코드 작성해보자!

let contents;
contents = 1;
let box;
box = 1;
console.log(contents + box);

결과는 숫자 2 가 콘솔창에 뜨게 된다.

문자 + 문자 = ???

자바스크립트에서 문자 + 문자 는 문자끼리 합치는 일이다.
즉, 웹 + 클래스 = 웹클래스 이렇게 합치는 일이다. 또는
숫자도 더하기가 가능하다.

let contents;
contents = '1';
let box;
box = '1';
console.log(contents + box);

결과는 문자 11 가 콘솔창에 뜨게 된다.

문자 + 숫자 = ???

문자랑 숫자가 더하면 숫자는 문자가 된다. 바로 코드 작성하면서 해보자

let contents;
contents = '1'; // 문자다.
let box;
box = 1; // 숫자다.
console.log(contents + box);

결과는 문자 11 가 콘솔창에 뜨게 된다.

산술연산자로 다양한 것을 해보자!

  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(box - box); // 0
  console.log(count * box); // 10
  console.log(count / count); // 1
  console.log(count % count); // 0
  console.log(box * box); // 4
  console.log(box / box); // 1
  console.log(box % box); // 0
  console.log(count + title); // 5글자
  console.log(count - title); // NaN
  console.log(count + box); // 52
  console.log(title + count); // 글자5
  console.log(title - title); // NaN
  console.log(title * title); // NaN
  console.log(title / count); // NaN
  console.log(count % title); // NaN

산술연산자로 다양한 것을 해봤는데 결과가 NaN 라는 것이 있다. 이것은 무엇일까?
NaN 는 계산할 때 납득이 안되는 것이다.
쉽게 이야기하면 웹 라는 문자가 있고 클래스 라는 문자가 있다.
이 글자들은 곱하기, 나누기가 될까? 안된다.
수학 공부할 때 우리는 글자와 글자 곱하기, 나누기를 배우지 않았다.