210107_TIL (ES6 문법 정리)

🍎 오늘 한 일

---

✔️ ES6 문법 정리
Javascript에서 기존보다 훨씬 간결하게 코드를 작성할 수 있게 만들어준 ES6 문법에 대해 공부하고, 정리한 부분을 블로깅했다. 화 표 함수부터 클래스, 제너레이터, 유니코드 등 다른 언어와 비슷한 문법부터 처음 들어보는 문법까지.. 뭔가 많은 걸 알게된 것 같다.  특히 let이나 const, 백틱(``), 전개 연산자(...)같은 것들은 ES6 문법인 줄도 모르고 당연하게 사용해 왔다는 것도 알게되기도 했다.

✔️ 책 읽기 
한 동안 시간이 부족했어서 읽다 말았던 책들이 있었는데 마저 읽고, 다시 보려고 체크해두었던 부분들은 따로 기록해두었다. 전에 Velog 계정을 하나 만들어 뒀었는데 거기다가 읽은 책들에 대해서 따로 정리해둘까 생각중이다.🧐

 

🍎 기억할 것

---

✔️ Arrows (화살표 함수) : => 기호로 함수를 축약해서 표현하는 방식
✔️ Classes (클래스) : class로 새로운 클래스 생성, 메서드 정의 / new로 호출하고 결과값을 출력
      * Class는 호이스팅 되지 않는다!
✔️ Enhanced Object Literals (향상된 객체 리터럴)
      1) (속성 = 값)이면 한개는 생략 가능
      2) 함수가 속성값일 때 function 예약어 생략 가능
✔️ Template literals (``) : 변수와 문자열을 혼용하는 경우, ${변수} 형태로 문자열 중간에 끼워넣을 수 있음
✔️ Destructuring (구조 분해 할당) : 배열, 객체 속성을 분해해서 그 값을 개별 변수에 담을 수 있게 하는 표현식
✔️ Default Parameter (기본 매개변수) : 초기 설정된 매개변수의 값
✔️ Generator (제너레이터)
      * function* : 제너레이터 함수 정의
      * next() : 제너레이터 함수 실행 시작
      * yield : value속성의 객체를 만들고, 이 안에 결과값을 넣어서 반환해줌
✔️ Unicode 코드포인트 이스케이프 : \u{c6d0}처럼 중괄호안에 코드포인트를 넣어 표시

 

🍎 더 공부할 것

---

✔️ ES6 문법 마저 정리하기
✔️ 함수 바인딩