상똥이의 Back-End 공부방

1. class 란?- 클래스: 커스텀 자료형을 만들 수 있게 해주는 도구(* new String(), new Array() 처럼 선언하지만, 프로그래밍 언어에 내장되지 않은 자료형을 내가 직접 만들 수 있게 해줌)- 인스턴스: class를 new 키워드로 선언해  메모리에 저장되는 것, 커스텀한 class의 변수와 메서드를 가짐- 변수와 메서드 선언 가능- extends 키워드로 클래스를 상속하는 다른 클래스를 선언할 수 있음 - ES6 표준으로, 컴파일 과정을 거쳐도 유지되어 비슷한 역할을 하는 인터페이스보다 권장됨 2. 구성요소- constructor, 접근 제한자, getter와 setter(1) constructor- 인스턴스별로 가지게 되는 값을 설정해주는 생성자- 인스턴스 생성 시 const..

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. 인터페이스]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. 자바스크립트와의 차이- 자바스크립트 = 인터프리터 언어 / 타입스크립트 = 컴파일언어- 인터프리터 언어: 소스코드를 한 줄씩 읽어가며 바로 실행해 빠른 편- 컴파일 언어: 언어 변환과 명령 실행이 따로 이루어짐. 런타임 상황에서는 모든 소스코드가 변환되어 있어 ..