Jieunny의 블로그

📣 강의 내용 정리 𝟭. 내장 제네릭 & 제네릭이란? ✔️ 제네릭 타입 : 타입을 마치 함수의 파라미터처럼 사용하는 것 ➰ 추가적인 타입 정보를 얻는 데 도움이 된다. ➰ 제네릭 타입을 사용하는 경우에는 입력되는 데이터의 타입을 지정해주어야 한다. const names: Array = []; // string[]과 같은 의미 𝟮. 제네릭 함수 생성하기 ✔️ 함수의 매개변수, 반환 타입에도 제네릭을 사용할 수 있다. function merge(objA: object, objB: object) { return Object.assign(objA, objB); } console.log(merge({name: 'Max'}, {age: 30}); // {name: 'Max', age: 30} const merged..

📣 강의 내용 정리 𝟭. 인터섹션 타입 (AND, OR이 아님!) ✔️ '&' : 두 가지 타입을 결합하는 방법(여러 개의 타입 정의를 하나로 합치기) type Admin = { name: string; privileges: string[]; }; type Employee = { name: string; startDate: Date; }; type ElevatedEmployee = Admin & Employee; // 인터섹션 타입 const el: ElevatedEmployee = { name: 'Max', privileges: ['create-server'], startDate: new Date() } ➰ 인터페이스 상속과 관련이 있다. ➰ 위 코드에서 type을 interface로 바꾸고 Eleva..

📣 강의 내용 정리 𝟭. 클래스란 무엇인가 ✔️ 객체(클래스 내의 인스턴스) : 코드로 작업을 수행하면서 사용할 수 있는 구체적인 요소들 ➰ 데이터를 저장하고 메서드를 실행하기 위해 메서드를 저장하는 데 사용하는 데이터 구조 ✔️ 클래스 : 객체의 청사진 ➰ 클래스를 사용하여 객체의 형태, 포함해야 하는 데이터, 메소드를 정의할 수 있다. ➰ 동일한 구조, 동일한 기능을 하는 여러 객체를 빠르게 복사할 수 있다. class Department { name: string; constructor(n: string) {// 생성자 메서드 this.name = n; } } const accounting = new Department('Accounting'); // Department { name: "Accoun..

📣 강의 내용 정리 𝟭. let 및 const ✔️ let : var과 비슷하게 변경할 수 있다. ✚ var이 있는데 왜 let을 쓸까? 더보기 ✔️ 두 변수를 사용할 수 있는 유효범위가 다르기 떄문 ➰ var는 전역 유효 범위와 함수 유효 범위만 지닌다 -> 두 범위 외에는 인식하지 못한다. for(age > 20) { var isOld = true; } console.log(isOld) // true ➰ let는 블록 유효 범위도 지닌다({}) ✔️ const : 한번 선언하면 변경할 수 없다 -> 상수 𝟮. 화살표 함수 ✔️ function 키워드를 사용하지 않아 간결하며, 다양하게 응용 가능하다. const add = (a: number, b: number) => { return a + b; };..

📣 강의 내용 정리 𝟭. 시계 모드 사용하기 tsc app.ts --watch tsc app.ts --w ➰ 변경 사항이 생길 때마다 파일이 저장되고 자동으로 컴파일 된다. ➰ 규모가 큰 프로젝트에서는 사용하지 않는다. 𝟮. 전체 프로젝트 컴파일 / 다수의 파일 tsc --init ➰ 커맨드가 실행되는 폴더의 모든 항목을 알려주는 역할을 한다. ➰ 실행 후 tsconfig.json 파일이 생성되는데, 타입스크립트가 관리해야 하는 파일이 포함된 프로젝트와 모든 하위 폴더를 참고하기 위한 파일이다. tsc // 모든 .ts 파일을 컴파일 한다. tsc --w // 모든 .ts 파일에 watch 모드를 제공한다. 𝟯. 파일 포함 및 제외하기 //tsconfig.json "exclude" : [ "제외할 파일 ..

📣 강의 내용 정리 𝟭. Using Type ➰ number : 정수, 실수 상관없이 사용하는 숫자 ➰ string : '', "", ``으로 사용하는 문자열 ➰ boolean : truthy, falsy 값 🚨 타입스크립트의 주요 원시 타입은 모두 소문자이다! ✔️ 타입 배정 ➰ 타입을 추가하고자하는 변수에 ':' 을 추가하고 뒤에 타입 이름을 적어준다. function add(n1: number, n2: number) { return n1 + n2; } const number1 = '5'; const number2 = 2.8; const result = add(number1, number2); // 에러 (number1의 타입이 number가 아니기 때문) ➰ 타입스크립트는 컴파일을 차단하지 않고 실..