[JAVA SCRIPT] 01_variable

• script 태그 내부는 자바스크립트(JS)의 영역
• script 태그는 head, body 태그에서 모두 사용 가능하다
• HTML 구성 요소를 프로그래밍 처리할 수 있는 언어
• Java Script(JS) == ECMAScript(ES)

---

기본 자료형

number

• 정수, 실수 구분이 없다
• 숫자, NaN(Not a Number), Infinity, -Infinity (+0 / -0으로 나누기를 해 보면 확인 가능)

string

• 문자, 문자열 구분 없이 모두 string
• 작은 따옴표(''), 큰 따옴표("")을 모두 사용할 수 있음

boolean

• true, false

null

• 의도적으로 값을 비운 상태
• null

undefined

• 값이 저장된 적이 없는 상태 (초기화를 안한 변수)
• undefined

변수

• 동적 타입 (느슨한 타입)
• 변수를 선언할 떄 자료형(타입)을 결정하지 않고, 변수명만 결정함
• 변수에 값이 저장될 때 자료형(타입)이 결정됨
• 이미 값이 저장된 변수의 자료형(타입)을 바꿔서 다시 저장할 수 있음
• 변수 선언이 없는 상태에서도 변수를 사용할 수 있음 (ES6에서는 반드시 선언이 필요한 변수가 존재)

변수 선언 키워드

var	let(ES6 표준) - 지역변수	const(ES6 표준) - 상수
스코프(범위) : 함수레벨	스코프(범위) : 블록{}	스코프(범위) : 블록{}
변수 선언시 생략 가능	변수 선언의 생략 불가능	변수 선언의 생략 불가능
같은 변수명으로 재선언 가능	같은 변수명으로 재선언 불가능	같으 변수명으로 재선언 불가능
초기화 생략 가능 : undefined 상태	초기화 생략 가능 : 메모리에 변수가 안만들어진상태	초기화 생략 불가능 : 상수이기때문 (자바의 final)
저장된 값의 수정 가능	저장된 값의 수정 가능	저장된 값의 수정 불가능 : 상수이기 때문

호이스팅 (hoisting)

• 코드 중에는 항상 먼저 처리되는 코드가 있음
• 변수의 선언이나 함수의 정의 등이 호이스팅에 속함
• 호이스팅 대상 : var, let, const, function, class

---

자바스크립트의 출력 방식

• 경고창
  alert(출력메시지);
  → 세미콜론(;) 생략 가능하다

• 브라우저 화면
  document.write(출력메시지);
  → 출력메시지에 HTML 구성요소 표현 가능

• Concole
  브라우저창의 F12 - 개발자 도구의 console 탭
  console.log(출력메시지);

🎈 확인
a = 10;
console.log(a);
→ 변수 선언 키워드(var)는 생략 가능하다.

a = null;
console.log(a);
→ 강제로 저장된 값을 없앰

var b;
console.log(b);
→ 초기화가 없으면 undefined 상태

console.log(c);
var c;
→ 호이스팅 (항상 먼저 처리되는 코드)

var d = 10;
condole.log(d, typeof d);
→ 10을 저장하면서 number 타입을 가짐

var d = 'hello'
console.log(d, typeof d);
→ 같은 이름의 변수를 재선언할 수 있다

var d = Math.sqrt(-25);
console.log(d, typeof d);
→ 루트 -25를 의미함 (실제로 존재하는 숫자가 아님)

var d = 10 / +0;
console.log(d, typeof d);
→ Infinity, -Infinity

---

자료형 변환

문자열 → 정수

• Number('100') : 100
• parseInt('100') : 100

문자열 → 실수

• Number('1.5') : 1.5
• parseFloat('1.5') : 1.5

정수/실수 → 문자열

• String(100) : '100'
• String (1.5) : '1.5"

🎈 확인

var a = '100';
var b = Number(a);
console.log(b, typeof b);

var b = parseInt(a);
console.log(b, typeof b);

var a = '1.5';
var b = parseInt(a);
console.log(b, typeof b);
→ 실수를 parseInt하면 1로 처리된다.

var c = '1.5';
var d = Number(c);
console.log(d, typeof d);

var d = parseFloat(c);
console.log(d, typeof d);

var e = '100';
console.log(String(e));

var e = '1.5';
console.log(String(e));

---

• 주석은 자바와 같다
  // , /* */