Class Typescript를 통해 Javascript의 객체지향 코드를 더 안전하고 좋은 코드로 만들 수 있다. 파라미터만 써주면 constructor가 알아서 컴파일된다. 접근제어자를 통해 접근 가능한 범위를 설정해줄 수 있다. class Player { constructor ( private firstName: string, // class 내부에서만 사용 가능 public lastName: string, // 모두 사용 가능 ){} } const jessie = new Player('jessie', 'Y') // 인스턴스 생성 jessie.firstName // 🚨 접근불가 jessie.lastName // 👍🏻 접근가능 Abstract Class 추상클래스는 다른 클래스가 상속받아 사용할 수 ..
같은 부모 유전자를 가진 여러 객체를 만들어내기 위해 변수와 메소드가 정의되어 있는 Class라는 틀을 사용한다. 이전에는 Constructor를 사용해서 위 기능을 구현했고, ES6에서 Class 문법이 추가되었다. Class를 사용하면 Constructor보다 더 명확하고 깔끔한 코드를 만들 수 있다. 📌 constructor로 생성자를 만든 경우 function Person (name, age) { this.name = name; this.age = age; } // 상속할 속성을 constructor에 정의 Person.prototype.sayHello = function() { console.log('Hello, I am ' + this.name ); } // 메서드를 prototype에 추가 ..
- Total
- Today
- Yesterday
- Callback
- VSCode
- scrollEvent
- 다중조건삼항연산자
- Ternary
- 개념정리
- 조건부삼항연산자
- Synchronous
- 리액트
- notworking
- DOM
- 타입스크립트
- Asynchronous
- Prototype
- class
- destructuring
- JSX
- promise
- typescript
- 생각정리
- javascript
- 삼항조건연산자중복사용
- ES6
- Prettier
- CSS
- JS
- Til
- callsignature
- JQuery
- 구조분해할당
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |