ES2018(ES9) 변화 Rest, Spread Rest 선택되지 않은 나머지 속성을 모아준다. 값이면 복사하고 객체는 참조한다. const { a, ...rest } = { a: 1, b: 2, c: 3 }; console.log(rest); // { b: 2, c: 3} - 코드 출처 : 제로초님 블로그 Spread Object.assign과 비슷하다. 값이면 복사하고 객체는 참조한다.(같은 속성명이라면 덮여씌워진다.) const obj = { a: 1, b: 2, c: 3 }; const spread = { a: 3, d: 4, ...obj, }; console.log(spread); // { a: 1, b: 2, c: 3, d: 4 } (a: 3이 덮어씌워짐) - 코드 출처 : 제로초님 블로그 ..
ES2016(ES7) 변화, ES2017(ES8)의 변화 ES7 ES6에 비해 변경된 것이 별로 없다. 제곱연산자와 includes 메소드가 가장 큰 변화 제곱연산자 ** 를 통해 제곱연산을 할 수 있다. Math.pow(5, 3); // 125 5 ** 3; // 125 var i = 5; i **= 3; // 125 includes(찾을요소, 시작 순서) 배열에 해당 요소가 있는지 확인 indexOf와 같은 결과가 나오지만 NaN에 대한 처리가 다르다. [NaN].includes(NaN); // true [NaN].indexOf(NaN) > -1; // false ES8 메소드 Object Object.values(객체) Object.entries(객체) Object.keys와 Object.value..
Javascript Clean code resuorces 전역 변수 최소화 코딩 가이드 준수 Lint 사용 'use strict' 선언 종속성 업데이트느 신중히 디자인 패턴 파악 패턴 일관성 유지, 혼합 지양 아키텍쳐가 없다면 조각 단위로 리팩터링 모듈화 단일책임의 원칙 단위 테스트 코드 문서화 커밋 워크 플로우 리팩터링 state 측면에서 렌더링 함수로 분리 Javascript Clean code resuorces https://github.com/abiodunjames/Awesome-Clean-Code-Resources
은닉을 향한 자바스크립트의 여정 클래스 필드 스펙 Stage3까지 올랐다고한다. 곧 Stage4가 표준 스펙이 될거라는데?? 타입스크립트 3.8부터 private를 지원, 공부 중에 잠깐 확인한 적이 있었다. 표준 스펙이 될 것이다. 스펙이 업데이트될 수 있다. private와 같은 키워드를 사용하지 않고 #을 사용한다. 키워드가 아닌 프리픽스 public과 다르게 클래스의 필드 선언을 통해서만 만들 수 있다. 동적으로 객체에 추가할 수 없다. 메서드에는 제한적이며 메서드 선언으로 사용 불가 함수 표현식으로 정의 객체 초기화 구문은 계산된 속성명(computed property name)을 사용할 수 없다. 모든 private 필드는 소속된 클래스에 고유한 스코프를 갖는다. getter 함수를 만들어서 ..
- Total
- Today
- Yesterday
- 공부
- 차이
- 자바스크립트
- 메서드
- 제로초
- 뷰
- TypeScript
- 통신
- css
- 브라우저
- JS
- JavaScript
- 타입스크립트
- Article
- 코딩애플
- 제이쿼리
- 강의
- VUE
- 프로젝트
- 아티클
- vue.js
- jQuery
- frontend
- Study
- html
- 프론트엔드
- 리액트
- Method
- React
- 기초
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |