[코딩악마] 자바스크립트 기초 강좌 : 100분 완성 (1)

변수

1. name

name = "mike";
alert(name);

 

 

 

 

 

2. age

age = 30;
console.log(age);

>>> 30

 

3. let과 const의 차이

let name = "Mike";
// 한참 나중에
let name = "google";

>>> 구문 에러 : already been declared

변수 선언 시,

변할 수 있는 값은 let으로, 변하지 않는 값은 const로 선언해야한다.

 

4. 변수명 규칙

1. 변수는 문자와 숫자, $와 _(언더바)만 사용 가능
2. 첫 글자는 숫자가 될 수 없다. 
3. 예약어는 사용할 수 없다. 
4. 가급적 상수는 대문자로 설정한다. (const MAX_SIZE = 99;)
5. 변수명은 읽기 쉽고 이해할 수 있게

 

자료형

1. 문자열 String

const name1 = "Mike";
const name2 = 'Mike';
const name3 = `Mike`; // 백틱 자판

const message1 = "I'm a boy.";
const message2 = 'I/'m a boy.';

const message3 = `My name is ${name}`; // 백틱은 변수를 사용할 때 사용하면 좋다.

const message4 = `나는 ${30+1}살 입니다.`;
console.log(message4);
>>> 나는 31살 입니다.

 

2. 숫자형 Number

사칙연산

const AGE = 30;
const PI = 3.14;

console.log(1 + 2);
console.log(10 - 3);
console.log(3 * 2);
console.log(6 / 3); // 나누기
console.log(6 % 4); // 나머지

const x = 1/0;
console.log(x);
>>> Infinity

 

NAN (Not a Number)

 

const NAME = "Mike";
const y = NAME/2;

console.log(y);
>>> NaN

 

 

3. Boolean ( 논리연산자)

const a = true; //참
const b = false; //거짓

const NAME = "Mike";
const AGE = 30;

console.log(NAME == 'Mike');
>>> true
console.log(AGE > 40);
>>> false

 

4. null 과 undefined

undefined

let age;
console.log(age);
>>> undefined

 

null

let user = null;

//객체형과 심볼형은 추후에 다룰 예정

 

5. typeof 연산자

const NAME = "Mike";

console.log(typeof 3);
>>> "number"

console.log(typeof NAME);
>>> "string"

console.log(typeof true);
>>> "boolean"

console.log(typeof "xxx");
>>> "string"

console.log(typeof null);
>>> "object"
// object(객체형)

console.log(typeof undefined);
>>> "undefined"

 

6. TIPs

변수 출력 시 일반 따옴표 사용 시 문자 그대로가 출력된다. -> `(백틱) 사용하기

const name = "Mike";
const message = `My name is ${name}`;

const message2 = "My name is ${name}";

console.log(message2);
>>> "My name is ${name}"

 

문자형 + 문자형 = 하나의 문장으로

const NAME = "Mike";

const a = "나는 ";
const b = " 입니다.";

console.log(a + NAME + b);
>>> "나는 Mike 입니다."

 

문자형 + 숫자형 = 하나의 문장으로

const AGE = 30;

const a = "나는 ";
const b = " 입니다.";

console.log(a + AGE + "살" + b);
>>> "나는 30살 입니다."