arrow function에 대해서 머리속으로 정리해보고자 합니다. 이번 시간에도 마찬가지로 arrow function(ES6) 이 나오기 전 어떤 현상이 있었고 그 현상을 어떻게 해결 했는지에 대해 이야기 하겠습니다. arrow function이 나오기 전에 우리는 느꼈을 수도 있지만 메소드 안에 함수를 만드는게 매우 어려웠을 것이다. 바로 this 때문이다. 일단 아래의 예제를 보자. function Person() { this.age = 0; console.log(this); // Person { age: 0 } setTimeout(function growUp() { console.log(this); // window this.age++; // NaN }, 1000);} var p = new Per..
ES6 이전에는 변수를 선언하는 방법은 var 를 이용하는 방법 밖에 없었습니다. 하지만 var 에 대한 여러가지 문제들로 인해 고통을 너무 많이 받았습니다. 그 동안 고통받았던 문제들에 대해 이야기 나눠보고 시작해야겠죠 ? var 의 문제점들에 대해서 이야기 해보겠습니다. 1. var 로 변수 선언 시 var 키워드 생략 가능 chicken = 'nice'; console.log(chicken); // nice 2. var 로 변수 선언 후 중복 선언 가능 var chicken = 'nice'; console.log(chicken); // nice var chicken = 1; console.log(chicken); // 1 3. 변수가 선언도 되지 않았는데 참조 가능 (변수 호이스팅) console...
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 가상돔
- const
- github
- class component
- ES6
- useEffect
- string
- Prototype
- TypeScript
- Angular
- react
- useState
- window
- HTML
- Let
- 클래스형 컴포넌트
- 함수 컴포넌트
- NestJS
- scope
- website
- 웹사이트
- virtual dom
- 깃헙
- 클래스 컴포넌트
- this
- Function Component
- Es5
- array
- JavaScript
- 리엑트
- Total
- Today
- Yesterday