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...
Basic Types (기본 유형)소개프로그램을 유용하게 사용하려면 number, string, structure, boolean 등 가장 간단한 데이터 단위로 작업을 할 수 있어야합니다. TypeScript에서는 JavaScript와 같은 타입들을 지원합니다. 편리한 열거 형을 사용하여 상황을 돕습니다. Boolean가장 기본적인 데이터 타입은 boolean 값이며, true / false 값입니다. // Type: booleanconst isBoolean: boolean = false; NumberJavaScript와 마찬가지로 TypeScript의 모든 숫자는 부동 소수점 값입니다. TypeScript는 부동 소수점 숫자의 형식을 16 진수 및 10 진수, ES5에 도입 된 2 진수 및 8 진수를 ..
우리는 작업을 하다보면 많은 값들을 찾고 그 상황에 맞게 값을 변경 또는 삭제를 한다. ES5에서는 주로 Array.prototype.foreach(), Array.prototype.map(), Array.prototype.filter() 를 사용하여 특정 또는 전체 값에 대한 처리를 했다. 처리를 하는 도중 이 모든 함수는 한 배열 안에 있는 모든 데이터를 확인 한 후 변경 및 삭제를 한다. 하지만 이들의 단점 아닌 단점은 어떤 하나의 특정 값만 바꾸려고 하는데 모든 데이터를 확인 한다는 점이다. 배열이 작을 때는 속도 차이가 크게 없지만 배열의 데이터가 클 때 아무래도 모든 데이터를 확인하면서 처리하다 보니 속도가 낮아지는 현상을 볼 수 있다. 그래서 어떤 하나의 값만 찾아서 값을 변경 할 때 ES6..
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- string
- JavaScript
- Es5
- useState
- this
- useEffect
- Prototype
- Let
- TypeScript
- react
- HTML
- 웹사이트
- github
- const
- 함수 컴포넌트
- window
- scope
- 클래스 컴포넌트
- array
- Angular
- NestJS
- website
- 가상돔
- ES6
- 리엑트
- virtual dom
- 깃헙
- class component
- Function Component
- 클래스형 컴포넌트
- Total
- Today
- Yesterday