복습하고 다시 정리하기<<<<<<

특강 강의 노트

ECMAScript란?

• ECMAScript는 매년 출시되는데, (ES6를 배우는 이유는) 2015년에 대규모 변경이 있었다.

자주 사용 되는 문법

let, const

ES5까지는 var를 많이 사용했다.

선언과 할당을 알아야한다.
선언과 할당

• 선언: 변수명을 자바스크립트 엔진에 알리는 것
• 할당: 변수에 값을 저장하는 것 (= 할당연산자)

let: 재할당은 가능하고, 재선언은 불가능

let value; // 선언된 것

const: 재할당, 재선언이 불가능, 초기값이 없으면 선언조차 불가능.

• var의 특징
  var는 재할당, 재선언이 가능.
  var는 호이스팅 된다.

화살표 함수 (Arrow Function)

가볍게 알아보자.

=> function이나 return 키워드 없이 함수를 만드는 방법이다.

삼항 연산자 (ternary operator)

매우 심플한 함수이다.

if-else를 사용할때 ? : 를 사용해서 간단하게 사용할수있다.

condition ? expr1 : expr2

console.log(true ? "참" : "거짓") // 참
console.log(false ? "참" : "거짓") // 거짓

구조 분해 할당 (Destructuring)

구조 분해 할당이란?

배열[]이나 객체{}의 속성을 분해해서 그 값을 변수에 담을 수 있게 해주는 문법

단축 속성명 (property shorthand)

객체의 key와 value 값이 같다면, 생략 가능.

const name = "nbc"
const age = "30"

const obj = {
	name: name,
	age: age
}

const obj = {
	name,
	age
}

전개 구문 (Spread)

배열이나 객체를 전개하는 문법.

나머지 매개변수(rest parameter)

function func (a, b, ...args) {
	console.log(...args)
}

func(1, 2, 3) // 3
func(1, 2, 3, 4, 5, 6, 7) // 3 4 5 6 7

템플릿 리터럴 (Template literals)

여러 줄로 이뤄진 문자열과 문자 보간기능을 사용하게 만들어 주는 문자열 리터럴 표현식.

백틱 과 ${} 로 표현한다.

named export vs default export