JavaScript 1. 변수선언과 연산자

자바스크립트 첫 걸음마 떼기 💃

자바스크립트 기초지식

• 자바스크립트는 객체(Object) 기반 언어이다.
• 선언문 : 코드를 작성할 영역을 선언하는 것. Script 태그를 이용해 작성한다. head, body 태그 안에 선언하면 되는데, 보통 head 태그에 많이 작성한다.
• 함수선언 / 함수호출 / 매개변수 / 인자 를 기억하자.
• 변수는 데이터 값을 저장할 수 있는 그릇이다. 새로운 데이터가 들어오면 기존의 데이터는 지워지게 된다. const는 상수(변할 수 없는 값)만 할당 가능하므로 변경 불가능! (변수선언 -> let box = 100;)
• 콘솔창 또는 문서에 출력 : console.log , document.write
• 대,소문자 구분하여 작성하기
• 코드 작성 후 세미콜론(;)으로 마무리 하기
  
  

변수선언

1.

//x에 저장값 20 '할당 = 변수선언'
let x = 20;  

//콘솔창에 x의 값을 출력 
console.log(x); 

2.

//buscard 변수에 10000을 '할당 = 변수선언'
let buscard = 10000;

//버스카드가 고장나서 수리 맡겼는데 서비스로 2000원을 주셨다. (재할당)
buscard = 12000;

//콘솔창에 12000 출력
console.log(buscard);

연산자

1.

let num1 = 10;
let num2 = 3;
let result; 

result = num1 + num2; 
document.write(result, "<br>"); // 13 출력, <br>로 한줄띄기

result = num1 - num2;
document.write(result, "<br>"); // 7 출력

result = num1 * num2;
document.write(result, "<br>"); // 30 출력

result = num1 / num2;
document.write(result, "<br>"); // 3.333.. 출력

result= num1 % num2;
document.write(result, "<br>"); // 나머지 값인 1 출력 

// 세번째줄의 let result;를 삭제하고 그 아래에 있는 첫번째 변수선언에 let을 붙였더니 똑같이 실행 된다. 
하지만 모든 선언에 붙이면 실행안됨! 한 변수명에 let 선언은 한번만 하는 것인가 보다~

2.

// 두가지 변수를 선언한 후, 연산자명 변수를 하나 더 선언하여 출력 
let num_1 = 200;
let num_2 = 100;

let sum = num_1 + num_2;
document.write(sum + "<br>");

let sub = num_1 -num_2;
document.write(sub + "<br>");

let mul = num_1 * num_2;
document.write(mul + "<br>");

let div = num_1 / num_2;
document.write(div + "<br>");

let mod = 5 % 2;
document.write(mod + "<br>");

// 각각의 연산자에 따른 변수명이 다르므로 let을 모두 붙여준다. 
// "<br>"을 붙이지 않으면 숫자가 옆으로 나열되어서 나온다. 
// "<br>"은 ,(콤마) 또는 +(더하기) 연산자를 사용!

[ 변수명 ]
  1. sum : 합 
  2. sub(subtraction) : 차
  3. mul(multifly) : 곱
  4. div(division) : 나누기
  5. mod : 나머지 

콘솔창 출력

//숫자데이터 출력
console.log(33);

//산술연산
console.log(55+22);

//문자열 출력
console.log('삼삼');

//문자열을 연결하여 출력
console.log('삼삼'+'오오');

//연결연산자 '+' : 숫자와 문자열이 만나면 자동으로 문자형 데이터로 변환된다.
console.log(33 + '66');

문자결합 연산자

 let t1 = "자바스크립트";
 let t2 = 2021;
 let t3 = " 기초예제";

 let result = t1 + t2 + t3;
 document.write(result); // 출력 = 자바스크립트2021 기초예제