상똥이의 Back-End 공부방

1. 제네릭- 타입을 파라미터 변수로 받는 방식 2. 제네릭의 장점- 타입의 구분 없이 사용할 수 있어 활용도가 높아짐- 타입에 따라 동일한 로직을 여러번 작성할 필요가 없어지므로 코드의 중복을 제거할 수 있음 3. 제네릭 vs 유니온- 유니온 타입(Ex. string | number) 또는 any를 사용하면 인자값은 해결되지만- 반환값에 대한 기능이 제한됨유니온제네릭 4. 인터페이스에 활용interface Example { value: T; selected: boolean;}const obj: Example = {value: 'text', selected: false};  5. 제네릭의 타입 제한- 배열로 활용하기function logTextLength(text: T[]): T[] { ..

1. class- 클래스의 역할: 인스턴스 만들기- constructor: 생성자class Person { nameC: string; ageC: number; constructor(name: string, age: number) { this.nameC = name; this.ageC = age; }}const admin = new Person("sanghee", 27); 2. 프로토타입- 객체를 상속하기 위해 사용하는 방식- 모든 객체는 메소드와 속성을 상속받기 위한 템플릿으로써 프로토타입 객체를 가짐- 프로토타입 객체 또한 상위 프로토타입 객체를 가지며, 그 상위 프로토타입 객체도 상위 프로토타입 객체를 가짐- 이를 프로토타입 체인이라고 함- 상속되는 속성과 메서드들은 각 객체가 아닌..

[1. 인터페이스]1. 인터페이스란- 반복되는 타입을 동일한 규칙으로 정해둘 수 있음interface User { first_name: string; last_name: string; age: number;} - 변수에 인터페이스 활용const sanghee: User { first_name: 'Park'; last_name: 'Sanghee'; age: 27;}const junhee: User { first_name: 'Lee'; last_name: 'Junhee'; age: 27;}const hyein: User { first_name: 'Jung'; last_name: 'Hyein'; age: 27;} - 함수에 인터페이스 활용func..

1. 기본 타입- 문자형: string- 숫자형: number- 진위값: booleanconst name: string = '박상희';const age: number = 17;const married: boolean = false; 2. 배열- Array 또는 타입[]cosnt array1: Array = [1, 2, 3];const array2: Array = ['a', 'b', 'c'];const array3: number[] = [1, 2, 3];cosnt array4: string[] = ['a', 'b', 'c']; 3. 튜플- 두 가지 이상의 데이터 타입을 적용할 수 있음const address: [string, number] = ['Seoul', 100];cosnt any: string|bo..

1. 타입스크립트란?- 데이터 타입을 부여한 자바스크립트, 자바스크립트의 슈퍼셋- 변수의 선언과 동시에 데이터 타입을 지정- 자바스크립트와 달리 브라우저에서 실행하기 위해 컴파일(파일 변환) 과정이 필요//javascriptfunction sum(a, b) { return a+b;}sum(1, 2);//typescriptfunction sum(a: number, b: number):number { return a+b;}sum(1, 2); 2. 자바스크립트와의 차이- 자바스크립트 = 인터프리터 언어 / 타입스크립트 = 컴파일언어- 인터프리터 언어: 소스코드를 한 줄씩 읽어가며 바로 실행해 빠른 편- 컴파일 언어: 언어 변환과 명령 실행이 따로 이루어짐. 런타임 상황에서는 모든 소스코드가 변환되어 있어 ..