es6

es6 문법 알아보기

전개 연산자는 독특하면서도 유용한 문법이다. 사용방법은 배열이나 객체, 변수명 앞에 마침표 세개(...)를 입력합니다. 배열, 객체, 함수인자표현식 안에서만 사용해야한다(\[],{},()).배열 전개연산자 ES5 문법1 -> 배열의 각 요소를 추출하여 새로운 배열을 만

가변변수 가변변수는 let키워드로 선언한다. let으로 선언한 변수는 읽거나 수정할수 있다. let키워드를 사용하면 이 변수를 수정해도 되는것인지 코드만 읽어도 알수있어 유용하다.불변변수 불변변수는 const키워드로 선언한다. const로 선언한 변수는 읽기만 가능하다

Class는 생성자함수(객체)를 생성하기위한 템플릿이다. 클래스는 데이터와 이를 조작하는 코드를 하나로 추상화한다. > 추상화란? 대상의 공통적인 특성을 뽑아내어 구체화한다는 의미로 해석된다. https://black7375.tistory.com/6 es6이전에는

spreadspread 라는 단어가 가지고 있는 의미는 펼치다, 퍼뜨리다 이다. 이 문법을 사용하면, 객체 혹은 배열을 펼칠수있다. 다음의 배열을 가진 코드가 있다.위 코드에서는 {name:"슬라임"} 객체를 시작으로 똑같은 내용 위에 하나씩 속성이 추가시키고있는 모습

특정 로직의 실행이 끝날때까지 기다려주지 않고 나머지 코드를 먼저 실행하는것을 비동기 처리라고 한다. 비동기처리가 필요한 이유는 화면에서 서버로 데이터를 요청했을때 서버가 언제 그 요청에대한 응답을 줄지 모르는데 마냥 기다릴순 없기 때문이다. 간단한 비동기 처리 예제위

프로미스가 어떻게 동작하는지 이해하기위해 먼저 함수패턴으로 구현한 비동기와 promise로 구현한 코드를 비교해서 살펴보자비동기 통신 함수형식promise로 변환한 비동기통신콜백함수로 처리하던 구조에서 new Promise(), resoleve(), then()과 같은

화살표함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다. 하지만 모든 경우 화살표 함수를 사용할 수 있는것은 아니다. 화살표 함수의 기본문법은 아래와같다.화살표 함수는 익명 함수로만 사