this? this는 현재 실행 되는 코드가 어떤 object를 가리키고 있는지를 알려준다 함수가 호출 되면 암묵적인 매개변수로 arguments와 this가 전달된다 this binding = 함수가 호출 될때 this에 바인딩 되는 객체가 동적으로 결정된다 함수 호출에 따른 this 자바스크립트에서는 크게 4가지 함수 호출 방식이 존재 한다 1. 함수 호출 글로벌 영역에서 선언한 전역함수 에서는 this가 당연히 전역 객체에 바인딩 되고 함수 내부에 선언된 내부 함수, 메소드 내부에 선언된 내부 함수, 콜백함수 상관 없이 내부 함수는 this가 전역 객체에 바인딩 된다 2. 메소드 호출 메소드에서는 this가 해당 메소드를 호출한 객체에 바인딩 된다 3. 생성자 함수 호출 this가 해당 함수가 생성하는 객체에 바인딩 된다 4. apply/call/bind 호출 명시적으로 this를 특정 객체에 바인딩하는 방법이다 콜백함수는 this가 전역객체에 바인딩 되기 때문에 보통 콜백함…

자바스크립트는 클래스 기반이 아닌 프로토타입 기반 객체지향 프로그래밍 언어이다 프로토타입 객체 자바스크립트에서는 모든 객체가 상위 객체에 연결되어 있다. 이러한 상위 객체들을 프로토타입 객체/프로토타입이라 한다. 예: 모든 객체는 Object라는 상위 객체와 연결되어 있고 [[Prototype]] 인터널 슬롯(__proto__)을 통해 상위 객체에 정의된 속성을 사용할 수 있다 __proto__와 prototype 프로퍼티 __proto__는 어떤 객체의 부모 역할을 하는 프로토타입 객체를 가리킨다. (e.g. 일반적으로 함수는 __proto__ = Function.prototype 값을 갖고 그 외 다른 객체는 __proto__ = Object.prototpe을 갖는다). 이 속성을 변경하는 방식으로 상속을 구현할 수 있다. prototype은 함수 객체가 생성자로 사용될때 함수의 형태를 정의하게될 부모 객체를 가리키는 속성이다. 이 속성에 프로퍼티나 메소드를 추가 하면 prot…

타입 가드 타입을 걸러내는 것을 말함 타입 단언 타입 서술어 in 연산자 사용하기 instanceof 사용하기 인덱스 시그니처 객체의 키 이름을 모르고 타입만 알고 있는 경우 사용 단점: 키가 없어도 접근이 가능함 인덱스 시그니처를 사용한 후 keyof로 해당 객체의 key 타입을 사용할 수 있다 예: let A:keyof NumberObj // let A: string | number 매핑 타입 새로운 타입을 만들때 기존 타입과 중복되는 부분이 많은 경우 사용 조건부 타입 타입을 조건적으로 부여 분산조건부 타입 제네릭 타입 위에서 조건부 타입을 사용하면 분산적으로 (분배법칙처럼) 동작한다 조건부 타입의 추론 infer (런타임에서 타입을 추론) 유틸리티 타입 타입스크립트에서 만들어놓은 타입 Partial = 모든 속성이 옵셔널로 변경된 타입을 반환 Readonly = 모든 속성이 readonly 변경된 타입을 반환 Record = 속성의 키가 K이고 속성의 값이 T인 타…

쿠키란? http는 stateless한 특징을 가지고 있다 cookie는 서버에서 브라우저에게 보내는 데이터이다. 보통 유저를 식별하는 용도로 사용되어 브라우저에서 서버에 request를 보낼때 cookie를 넣어서 보내면 서버에서 어떤 브라우저가 요청을 보냈는지 구분할때 사용된다. => cookie를 사용하면 http를 stateful하게 사용할 수 있다 일반적으로 세션 관리 유저 세팅 유저 행동을 tracking하기 위해 사용된다 쿠키 생성 서버에서 http request 받은 후 Set-Cookie 헤더에 1개 이상의 쿠키를 넣어서 보낸다 브라우저는 해당 쿠키를 저장한 후 서버에 request를 보낼때 마다 쿠키를 같이 보낸다 서버에서는 domain, path로 쿠키를 받을 수 있는 곳을 제한하거나 expiration date로 쿠키가 보내질 수 있는 시간을 제한할 수 있다 쿠키 lifetime permanent cookie는 expiration date가 명시되어 있으면 해…