모든 사람을위한 ES6 스타터 파일
ES6.io에서 ES6을 배우는 데 필요한 모든 것
로그
1 일 : 2017 년 5 월 12 일
감사 선물로 Wes BOS에서 무료 로이 과정을 받았습니다. ❤️이 코스의 개요를보고 슬랙을 설정하기 시작했습니다.
생각 :
- 완성 된 모듈 #1 새로운 변수 - 생성, 업데이트 및 범위
-
var 함수 범위입니다 - 우리는 같은 범위에서 여러 번 다시 고정 할 수 있습니다
-
let & const 블록 범위입니다 - 우리는 같은 범위에서 그것을 두 번 소환 할 수 없습니다
-
let 변수를 업데이트 할 수 있지만 const 변수는 업데이트 할 수 없습니다. - 그러나
const 변수의 속성이 변경 될 수 있습니다. 전체 물체가 불변이 아니기 때문입니다. - Object.freeze ()에 대해 알게되었으므로 냉동 객체의 특성 세트에 아무것도 추가하거나 제거 할 수 없습니다.
- 또한 완성 된 모듈 #2 기능 개선 : 화살표 및 기본 인수
- 나는 #javaScript30 과정에서 화살표 기능에 대해 알고 있었지만 오늘날 자세히 설명합니다.
- 화살표 함수, 암시 적 반환, 언제 및 언제 화살표 기능을 사용하지 않을 때,
this 내부 화살표 기능에 대해 더 많이 배웠습니다. - 또한 기본 함수 인수에 대해
2 일 : 2017 년 5 월 14 일
완성 된 모듈 #3- 템플릿 문자열
생각 : 배운 :-
- 템플릿 문자열, 템플릿 리터럴이있는 HTML 조각 생성
- IF, 루프 및 기능 사용 템플릿 문자열 내부
- 태그가 지정된 템플릿, 일부 사용 사례 및 태그가 지정된 템플릿으로 사용자 데이터 소독
- DOM의 데이터를 소독하는 데 도움이되는 Dompurify에 대해 발견되었습니다.
3 일 : 2017 년 5 월 15 일
완료된 모듈 #4- 추가 문자열 개선
생각 :
-
startsWith() , endsWith() , contaction () 및 반복 () 메소드에 대해 배웠고 그들과 관련된 연습을했습니다. - 또한
str.endsWith(searchString[, length]) 및 str.startsWith(searchString[, position]) 을 살펴 보았습니다.
4 일 : 2017 년 5 월 16 일
완성 된 모듈 #5- 파괴
생각 :
- 파괴 대상, 변수 이름 변경 및 기본값에 대해 배웠습니다
- 파괴 어레이, 기능 및 스와핑 변수에 대해 배웠습니다
- 스 니펫 1 :
const { first, last, twitter } = someObjectHere - Snippets 2 :
const [ first, last, twitter ] = someArrayHere
5 일 : 2017 년 5 월 17 일
완성 된 모듈 #6- 완성 된 모듈 #6 반복 및 루핑
생각 :
-
for of for , foreach 및 for in 몇 가지 장점에 대해 배웠습니다. -
for-of Makes는 배열 요소 및 Dom Nodelist와 같은 대부분의 배열과 같은 객체를 통해 반복하기가 더 쉽습니다. -
Array.prototype.entries() 메소드에 대해 배웠습니다 for-of - 스 니펫 1 : 값을 얻기 위해
for (const cut of cuts) . - Snippets 2 :
for (const [i, cut] of cuts.entries()) , 색인과 값 모두에 사용
2017 년 5 월 18 일
완료된 모듈 #7- 배열 개선 배열
생각 :
-
Array.from() & Array.of() 메소드 -
find , findIndex , some & every 와 같은 배열 프로토 타입 메소드 -
Array.from() 의 사용 사례 1 - array.prototype
.some() .every() 의 사용 사례 2
7 일 : 2017 년 5 월 19 일
완성 된 모듈 #8- 인사 ... 스프레드와 ... 휴식
생각 :
- 배웠습니다 ... 스프레드 오퍼레이터 & ... REST 매개 변수 및 많은 예제가있는 다양한 사용 사례가 있습니다.
-
Rest parameters 의 일부 사용 사례
8 일 : 2017 년 5 월 20 일
완료된 모듈 #9- 객체 문자 그대로 업그레이드
생각 :
- 속성 값 속성, 방법 정의 속기 및 계산 된 속성 키와 같은 편리한 것들에 대해 배웠습니다.
완료된 모듈 #10- 약속
생각 :
- 약속이 어떻게 작동하는지, 내 자신의 약속을 만들고, 그들을 연쇄시키고, 여러 약속으로 일하는 것에 대해 배웠습니다.
- 약속. prototype.then () 및 promise.prototype.catch () 메서드 약속을 반환하면 묶을 수 있습니다.
- 연쇄 약속
9 일 : 2017 년 5 월 23 일
완성 된 모듈 #11- 기호 (최신 기본 데이터 유형)
생각 :
- 기호 데이터 유형 및 다양한 사용 사례에 대해 배웠습니다.
- 객체 키로 사용할 수 있습니다. 고유 식별자로 사용할 수 있습니다.
10 일 : 2017 년 5 월 24 일
생각 :
- eslint에 대해 배웠고 그것은 유용성입니다
- 또한 에어 비앤비의 설정을 살펴보고 연습을했습니다.
- 다양한 eslint 규칙을 조사하고 그들의 중요성과시기를 이해하려고 노력했습니다.
2017 년 5 월 11 일 : 25 일
생각 :
- 오늘은 규칙 활성화/비활성화를위한 eslint 파일 및 라인 특정 설정에 대해 배웠습니다.
- 더 많은 정보는 여기에 있습니다
2017 년 5 월 12 일 : 26 일
생각 :
- 완료된 모듈 #12- ESLINT를 사용한 코드 품질
- 오늘은 JavaScript 모듈 및 WebPack 2 툴링 설정에 대해 배웠습니다.
13 일 : 2017 년 5 월 27 일
생각 :
- 자신의 JavaScript 모듈 작성 및 가져 오기/내보내기에 대해 배웠습니다.
- 또한 내보내기 명세서와 다양한 구문을 조사했습니다.
14 일 : 2017 년 5 월 28 일
생각 :
- 완성 된 모듈 #13- JavaScript 모듈 및 NPM 사용
- ES6 모듈에 대해 더 많은 연습을했습니다
- 필요할 때 특정 모듈을 가져 오는 방법에 대해 배웠습니다.
15 일 : 2017 년 5 월 29 일
생각 :
완료된 모듈 #14 -ES6 툴링
ES6 용 Systemjs, Babel 및 Polyfills에 대해 배웠습니다
폴리 플릴
완료된 모듈 #15- 클래스
새로운 클래스 (선언 형식) 만들기, 정적 메소드 및 프로토 타입 메소드 정의, 방법 및 세트 방법에 대해 배웠습니다.
또한 기존 클래스 확장, 부모 클래스의 서브 클래스 메소드 및 하위 클래싱 내장에 대해 배웠습니다.
내장 클래스를 서브 클래스링하기위한 간단한 사용 사례 및 여기에서 DOM
2017 년 5 월 16 : 30 일
생각 :
- 완성 된 모듈 #16- 생성기
- 발전기 객체를 반환하는 발전기 기능에 대해 배웠습니다. Ajax Flow Control (멋진 물건)에 사용
-
Generators 에 대한 간단한 사용 사례
17 일 : 2017 년 6 월 1 일
생각 :
- ES6 프록시 및 다양한 사용 사례에 대해 배웠습니다.
- 중보 API와 함께 JavaScript를 제공하므로 대상 객체에서 모든 작업을 포획하거나 가로 채고이 대상이 작동하는 방식을 수정할 수 있습니다.
18 일 : 05 2017 년 6 월 5 일
생각 :
- 완성 된 모듈 #18- 세트 및 약점
-
Set 객체를 사용하면 원시 값이나 객체 참조에 관계없이 모든 유형의 고유 한 값을 저장할 수 있습니다. -
WeakSet 객체를 사용하면 컬렉션에 약한 개체를 저장할 수 있습니다. -
WeakSet 에 저장된 물체에 대한 다른 언급이 없으면 쓰레기를 수집 할 수 있습니다. - 또한
WeakSet 열거 할 수 없습니다
2017 년 6 월 6 일
생각 :
- 완성 된 모듈 #19-지도 및 약한 맵
-
Map 객체는 키 값 쌍을 보유합니다. -
Map 객체는 삽입 순서로 요소를 반복합니다 - a for...of 각 반복에 대해 [key, value] 배열을 반환합니다. -
WeakMap 객체는 키가 약하게 참조되는 키/값 쌍의 모음입니다.
20 일 : 2017 년 9 월 28 일
생각 :
- 이 과정은 최근에 업데이트되었습니다.
- Async+Await, Babel 7 등을 포함하여 ES7/ES2016 및 ES8/ES2017에 대한 업데이트!
- 오늘부터 조사하기 시작했습니다.
- 기본 약속과 그 사례로 시작했습니다.
- 또한 맞춤 약속을 만들었습니다.
21 일 : 2017 년 9 월 29 일
생각 :
- 오늘 나는 Async+를 다시 한 번 검토했습니다.
- 또한 Async 함수를 오류 처리하는 일반적인 방법을 살펴 보았습니다.
22 : 30 9 월 2017 년 9 월
생각 :
- 오늘 나는 여러 약속을 사용했다.
-
Promise.all() 의 사용 사례가 하나 더 있습니다. - 우리가 기능을 약화시킬 수있는 방법에 대해 배웠으며, 이들은 Async+를 사용할 수 있도록 기능을 알 수 있습니다.
23 : 02 2017 년 10 월
생각 :
- 오늘 나는 새로운 및 미래의 언어 추가를 조사했습니다.
- 클래스 속성을 살펴 보았습니다
- 또한 ES8
padStart 와 padEnd 살펴 보았습니다 - ES7 지수 연산자
- 리터럴에서 후행 쉼표 (때때로 "최종 쉼표")
24 일 : 04 2017 년 10 월
생각 :
- 오늘 나는
Object.entries() 및 Object.values() - 특정 시나리오에서 어떻게 사용할 수 있는지에 대해 배웠습니다.
- 코스를 완성 했습니까?
