ES6 문법을 다루기

코드로 말해요~!

학교에서 수업을듣고 이 부분을 혼자 기숙사 방에 들어와 다시 작성하며 공부해보았다.

Backticks 사용해서 Template literal 사용하기

let name = data => `${data} is Developer in Javascript`;
console.log(name)
//DONGHYEON is Developer in Javascript가 출력된다.

Destructuring Objects & Arrays 사용해보기

let p1, p2;
let manyPeople = ["wonyong", "taekyong"];
[p1, p2] = ['donghyeon', 'yeonyong'];

console.log(p1) //donghyeon
console.log(p2) //yeongyong

let c = [p1, p2, ...manyPeople]; //이부분을 집중하자
console.log(c); // [ 'donghyeon', 'yeonyong', 'wonyong', 'taekyong' ]

let person = {
	age:18,
	name:"donghyeon",
	school:'bssm'
}

let {age, name, school} = person;
console.log(age) //18
console.log(name) //donghyeon
console.log(school) //bssm

let add_more_information = {
	github: 'DONGHAEY',
	ppl:'I love a girl in BSSM'
}

let important = {
    girlFriend: 'brabra',
    money: 100000000
}

person = {...person, ...add_more_information, important}; //이부분을 집중하자

console.log(person); 
//{
//    age: 18,
//    name: 'donghyeon',
//    school: 'bssm',
//    github: 'DONGHAEY',
//    ppl: 'I love a girl in BSSM',
//    important: { girlFriend: 'brabra', money: 100000000 } //important가 키값으로 들어갔다
//  }

object literal 사용해보기

let obj = {
	somethig : {
		name: "gogo"
	},
	something2 : [0,1,2,3,4,5],
	something3 : function() {
		console.log('you are good');
	}
}

obj.something4 = false;
obj['something4'] = true;

obj.something3(); //you are good

console.log(obj); //잘출력된다

For of loop 사용해보기

const busanSchool = ['bssm', 'gigaegongo', 'carhighschool'];
for(const element of array1) {
	console.log(element);
} //기본적인 for of loop 사용법을 정의 해보았다.

Sperad Operator & Rest Operator사용해보기

let obj = {
	a:13,
	b:33
};
let obj2 = {...obj};
let obj3 = {obj};
console.log(obj2); //{a : 13, b: 33}
console.log(obj3); //{ obj : {a : 13, b:33 }}

JavaScript(ES6)의 Spread 와 Rest 쉽게 설명하기

이곳을 더 공부해 볼 필요가 있다.

Rest Operator 사용해보기

Arrow Functions 사용해보기

Default Parmas 사용해보기

includes() 함수 사용해보기

padStart() & padEnd()사용해보기

Trailing Commas 사용해보기

Promises 사용해보기

Fetch 사용해보기

async await 사용해보기

sets 사용해보기