# ES6
26. [es6] arrow function
ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어진 것. ( ※ES = ECMA Script )JavaScript의 역사는 점점 깊어지고, 문법의 보완이 필요하면서 버전별로 문법을 확장시키고 브라우저는 특정 버전의 기능별로 지원할 수 있
JS ES6
ES는 ECMA Script의 줄임말이다. ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어졌다. 현재는 ES10 버전까지 나왔지만 주로 쓰이는 것은 ES6인데, 6은 버전 이름이고 ES 2015라고도 한다.기본적으로 함수를 만드는 방법
Spread syntax (...)
구글링을 하다보면 자바스크립트 코드에 ... 기호를 볼수 있다.스프레드 문법이라는 것인데 여러가지로 유용하게 쓰일 것 같아서 정리해본다.기본적으로 스프레드 문법은 대상을 각 요소로 분리 시킨다.아래와 같은 용도로 많이 사용된다.
[JS] ES6. arrow function
arrow function > arrow function은 es6에서 추가된 새로운 함수 표현방법이다. * 1) 이름없는 함수 표현 * 2) 이름이 있는 함수 표현 3) 호출은 두 함수 모두 동일한 방법으로 할 수 있다. 4) ES5 함수를 변수에 저장하기 E
JavaScript ES6+ 제대로 알아보기(초급) - (4)
이 글은 정재남 개발자님의 인프런 강의인 JavaScript ES6+ 제대로 알아보기 초급편을 정리한 내용입니다.기존에는 함수 매개변수의 default value를 함수 내부에서 처리했다. 😳하지만 num1에 의도적으로 0을 넘긴다면? false로 인식해 num1은
ECMA Script - 람다(arrow) 함수
람다 함수는 일반적인 함수 표현식을 function 키워드 없이 => 이용하여 표현한 방법 리턴 값이 없는 경우 파라미터가 없고, 리턴 타입 없는 함수 형태 파라미터가 한개 있고, 리턴이 없는 함수 형태 > 매개변수가 한개인
모듈
구현한 세부사항들을 캡슐화하고 다른 코드에서 쉽게 사용하며, 코드의 재사용성을 높이기 위한 코드 조각들.과거 웹에서 동작하는 로직이 작아, js를 관리해야할 필요성을 못느꼈고 과거ES5 및 이전 버전은 모듈을 염두해 두지 않고 디자인되었음.ES6이후 부터 모듈화 지원.
from 매서드로 진짜 배열 만들기
arguments는 function이 아니라고 오류남arguments로부터 배열을 만들 수 없다.arguments는 배열이 아니기 때문에 map을 돌릴 수 없다.배열과 흡사하지만 아니다 그래서 가짜배열을 진짜배열로 바꿔주려면 for문 돌려야되는데 그렇게 하지 않고 fr
Promises
직렬적으로 태스크를 수행한다.태스크는 순차적으로 샐행되며 어떤 작업이 수행 중이면 다음 작업은 대기하게 된다.서버에서 데이터를 가져와서 화면에 표시하는 작업을 수행할 때, 서버에 데이터를 요청하고 데이터가 응답될 때까지 이후 태스크들은 블로킹(blocking,작업중단)
Destructuring
ex. 객체 자체를 호명하고 싶을때ex2. 객체안에 있는 key값을 호명하고 싶을때.notifications를 로그에 찍어봐도 값이 안나온다.notifications안에있는 follow를 보여주라는 뜻이다.만약 값이 없을경우 default값을 줄수 있다.배열일 경우함수
arrow function
기본적인 함수 형태 ex{} 을 사용하지 않으면 자동으로 reuturn을 한다. (el)=> 0 0을 자동으로 reuturn한다.일반적인 함수 this 는 button을 가르킨다.arrow함수this 는 window를 가르킨다. window를 obj로 가지고 있다.
변수
es6이전 계속 사용해봤던 방식값을 변경할수 있다이제는 잘 사용하지 않는다.(2020년 기준으로)내용을 변경할수 없다. 하지만 완벽하게 변수를 보호 할수 있는 것은 아니다object일 경우에는 변경 가능하다.person.name="sun woo"var 대신 사용되는 변
Class
Class 는 객체를 생성하기 위한 템플릿 이다.Class는 데이터와 이를 조작하는 코드를 하나로 추상화 한다.JS에서 Class는 프로토타입을 이용 해서 만들어 졌지만 ES5의 Class의미와는 다른 문법과 의미를 가진다.한마디로 정의해Class 는 함수이다. 함수를
ECMA Script - function
함수 선언식 ( 선언적 방법으로서 이름이 있는 함수 )함수 표현식 ( 함수 리터럴, 이름이 없는 익명 함수 )Funcion 생성자 이용
Javascript ES6 - this
✅ 일반(전역)함수에서 사용 할경우 ✅ Object 내 메소드에서 사용 할경우 ✅ arrow function을 사용하면 어떻게되나 ?✅ Object 내에서 콜백함수를 사용 할경우 ✅ constructor 사용이유 ✅ event listener 내에
JavaScript ES6+ 제대로 알아보기(초급) - (3)
이 글은 정재남 개발자님의 인프런 강의인 JavaScript ES6+ 제대로 알아보기 초급편을 정리한 내용입니다.
