# ES6

285개의 포스트

ECMA Script 6 - Array

배열 함수

약 19시간 전
·
0개의 댓글

26. [es6] arrow function

ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어진 것. ( ※ES = ECMA Script )JavaScript의 역사는 점점 깊어지고, 문법의 보완이 필요하면서 버전별로 문법을 확장시키고 브라우저는 특정 버전의 기능별로 지원할 수 있

3일 전
·
0개의 댓글
post-thumbnail

JS ES6

ES는 ECMA Script의 줄임말이다. ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어졌다. 현재는 ES10 버전까지 나왔지만 주로 쓰이는 것은 ES6인데, 6은 버전 이름이고 ES 2015라고도 한다.기본적으로 함수를 만드는 방법

3일 전
·
0개의 댓글
post-thumbnail

Spread syntax (...)

구글링을 하다보면 자바스크립트 코드에 ... 기호를 볼수 있다.스프레드 문법이라는 것인데 여러가지로 유용하게 쓰일 것 같아서 정리해본다.기본적으로 스프레드 문법은 대상을 각 요소로 분리 시킨다.아래와 같은 용도로 많이 사용된다.

3일 전
·
0개의 댓글
post-thumbnail

[JS] ES6. arrow function

arrow function > arrow function은 es6에서 추가된 새로운 함수 표현방법이다. * 1) 이름없는 함수 표현 * 2) 이름이 있는 함수 표현 3) 호출은 두 함수 모두 동일한 방법으로 할 수 있다. 4) ES5 함수를 변수에 저장하기 E

4일 전
·
0개의 댓글

JavaScript ES6+ 제대로 알아보기(초급) - (4)

이 글은 정재남 개발자님의 인프런 강의인 JavaScript ES6+ 제대로 알아보기 초급편을 정리한 내용입니다.기존에는 함수 매개변수의 default value를 함수 내부에서 처리했다. 😳하지만 num1에 의도적으로 0을 넘긴다면? false로 인식해 num1은

5일 전
·
0개의 댓글
post-thumbnail

ECMA Script - 람다(arrow) 함수

람다 함수는 일반적인 함수 표현식을 function 키워드 없이 => 이용하여 표현한 방법 리턴 값이 없는 경우 파라미터가 없고, 리턴 타입 없는 함수 형태 파라미터가 한개 있고, 리턴이 없는 함수 형태 > 매개변수가 한개인

7일 전
·
0개의 댓글

모듈

구현한 세부사항들을 캡슐화하고 다른 코드에서 쉽게 사용하며, 코드의 재사용성을 높이기 위한 코드 조각들.과거 웹에서 동작하는 로직이 작아, js를 관리해야할 필요성을 못느꼈고 과거ES5 및 이전 버전은 모듈을 염두해 두지 않고 디자인되었음.ES6이후 부터 모듈화 지원.

7일 전
·
0개의 댓글

from 매서드로 진짜 배열 만들기

arguments는 function이 아니라고 오류남arguments로부터 배열을 만들 수 없다.arguments는 배열이 아니기 때문에 map을 돌릴 수 없다.배열과 흡사하지만 아니다 그래서 가짜배열을 진짜배열로 바꿔주려면 for문 돌려야되는데 그렇게 하지 않고 fr

2020년 11월 18일
·
0개의 댓글
post-thumbnail

Promises

직렬적으로 태스크를 수행한다.태스크는 순차적으로 샐행되며 어떤 작업이 수행 중이면 다음 작업은 대기하게 된다.서버에서 데이터를 가져와서 화면에 표시하는 작업을 수행할 때, 서버에 데이터를 요청하고 데이터가 응답될 때까지 이후 태스크들은 블로킹(blocking,작업중단)

2020년 11월 18일
·
0개의 댓글
post-thumbnail

Destructuring

ex. 객체 자체를 호명하고 싶을때ex2. 객체안에 있는 key값을 호명하고 싶을때.notifications를 로그에 찍어봐도 값이 안나온다.notifications안에있는 follow를 보여주라는 뜻이다.만약 값이 없을경우 default값을 줄수 있다.배열일 경우함수

2020년 11월 18일
·
0개의 댓글
post-thumbnail

arrow function

기본적인 함수 형태 ex{} 을 사용하지 않으면 자동으로 reuturn을 한다. (el)=> 0 0을 자동으로 reuturn한다.일반적인 함수 this 는 button을 가르킨다.arrow함수this 는 window를 가르킨다. window를 obj로 가지고 있다.

2020년 11월 18일
·
0개의 댓글
post-thumbnail

변수

es6이전 계속 사용해봤던 방식값을 변경할수 있다이제는 잘 사용하지 않는다.(2020년 기준으로)내용을 변경할수 없다. 하지만 완벽하게 변수를 보호 할수 있는 것은 아니다object일 경우에는 변경 가능하다.person.name="sun woo"var 대신 사용되는 변

2020년 11월 18일
·
0개의 댓글
post-thumbnail

Class

Class 는 객체를 생성하기 위한 템플릿 이다.Class는 데이터와 이를 조작하는 코드를 하나로 추상화 한다.JS에서 Class는 프로토타입을 이용 해서 만들어 졌지만 ES5의 Class의미와는 다른 문법과 의미를 가진다.한마디로 정의해Class 는 함수이다. 함수를

2020년 11월 18일
·
0개의 댓글
post-thumbnail

ECMA Script - function

함수 선언식 ( 선언적 방법으로서 이름이 있는 함수 )함수 표현식 ( 함수 리터럴, 이름이 없는 익명 함수 )Funcion 생성자 이용

2020년 11월 18일
·
0개의 댓글
post-thumbnail

ECMA Script 6 - let,const

클라이언트측 스크립팅을 하기 위해 사용된다.

2020년 11월 18일
·
0개의 댓글
post-thumbnail

Javascript ES6 - this

✅ 일반(전역)함수에서 사용 할경우 ✅ Object 내 메소드에서 사용 할경우 ✅ arrow function을 사용하면 어떻게되나 ?✅ Object 내에서 콜백함수를 사용 할경우 ✅ constructor 사용이유 ✅ event listener 내에

2020년 11월 18일
·
0개의 댓글

JavaScript ES6+ 제대로 알아보기(초급) - (3)

이 글은 정재남 개발자님의 인프런 강의인 JavaScript ES6+ 제대로 알아보기 초급편을 정리한 내용입니다.

2020년 11월 16일
·
0개의 댓글
post-thumbnail

ES6 - 비구조화 할당

2020년 11월 16일
·
0개의 댓글
post-thumbnail

ES6 - 전개연산자

개요

2020년 11월 16일
·
0개의 댓글