JavaScript Essentials - ch.2 JS 시작하기(1) ~ (5)

1. 개요(ECMAScript) 및 프로젝트 초기화

ECMA 스크립트(ES)

자바스크립트 국제 표준화 기구
자바스크립트를 볼 때 가장 중요하게 보아야 하는 것은 5.1버전과 6버전의 차이점

자바와 자바스크립트는 완전히 다른 것임

node.js로 프로젝트 초기화

2. 데이터 타입 확인

console.log(typeof 'hello world')
console.log(typeof 12)
console.log(typeof true)
console.log(typeof undifined)
console.log(typeof null)
console.log(typeof {})
console.log(typeof [])

=> string
=> number
=> boolean
=> undefined
=> object
=> object
=> object

객체, 배열, null은 typeof만으로는 구분이 어려움

• 해결방법

funtion getType (data) {
	return Object.prototype.toString.call(data).slice(8, -1)
}

console.log(getType(123));
console.log(getType(false));
console.log(getType(null));
console.log(getType({}));
console.log(getType([]));

=> 제대로 확인 가능

3. 산술, 할당 연산자

산술 연산자

console.log(1 + 2) // 더하기 3 출력
console.log(3 - 1) // 빼기 2 출력
console.log(3 * 4) // 곱하기 12 출력
console.log(10 / 2) // 나누기 5 출력
consol.log(7 % 5) // 나머지 2 출력

할당 연산자

• 기본

const a = 2

=> 재할당 불가능, 상수 할당 연산자

let b = 3
b = 5
console.log(b) // 5 출력

=> 재할당 가능 변수 할당 연산자

• 축약형

a += 1 // a = a + 1
a -= 1 // a = a - 1
a *= 1 // a = a * 1
a /= 1 // a = a / 1
a %= 1 // a = a % 1

4. 비교, 논리 연산자

비교 연산자

const a = 1
const b = '1'

console.log(1 === 1) // 일치 연산자, 완벽하게 같아야 함(불린과 값)
console.log(1 == 1) // 동등 연산자, 값만 같으면 됨

const c = 1
const d = 2

console.log(c !== d) // 값이 일치하지 않은지 확인
console.log(c < d) // 아는거임 ㅇㅋㅇㅋ?

논리 연산자

• &&
  : 그리고, 모두가 true인지 확인하는 것
• ||
  : 또한, 모든 것 중에 하나라도 true인지 확인하는 것
• !
  : not 연산자, 부정 연산자

5. 삼항 연산자

console.log(a ? '참' : '거짓')

=> if else 구문을 더욱 줄여서 적는 것
=> 단순하고 해석하기 좋음