interface KeyPair { key:K; value:V; } let keyPair:KeyPair = { key:"key", value:0 } let keyPair2:KeyPair = { key:true, value:["1"] } 하나의 인터페이스로 다양한 타입의 객체를 만들고싶다면 위와같이 제네릭 인터페이스를 만들면된다. // 인덱스 시그니처 interface NumberMap { [key:string]:number; } let numberMap1 : NumberMap = { key:1, awdawd:2 } ------------------------------------------------- // 제네릭 인덱스 시그니처 interface Map { [key:string]:V; } let sti..
let studentA ={ name:"Mike", age:14, grade:"A-", study(){ console.log(`${this.name}은 공부중입니다.`) } } let studentB ={ name:"Kevin", age:14, grade:"C+", study(){ console.log(`${this.name}은 공부중입니다.`) } } let studentC ={ name:"Tom", age:14, grade:"B-", study(){ console.log(`${this.name}은 공부중입니다.`) } } 위와같이 구조가 똑같이 생긴 객체가 3개가 있다. 만약 학교에서 학생들을 이런식으로 관리한다면 수백,수천개를 만들어야해서 완전 노가다가 될것이다. 이럴때 필요한것이 class 이다 ..
쿠키와 세션을 사용하는 이유 HTTP 프로토콜의 약점을 보완하기 위해서 사용 Stateless 프로토콜 HTTP 각 요청은 독립적인 단위로 처리되며, 요청에 필요한 모든 정보가 헤더에 포함된다, 이에 따라 서버는 클라이언트의 세션 정보나 상태를 유지하지 않고, 각각의 요청에 대해 독립적으로 응답을 생성합니다. 상태 정보를 유지하지 않는다면 만약 로그인을 한후 페이지를 이동할때마다 로그인을 다시하거나 상품을 선택했는데 상품의 정보가 없는등의 일이 발생할 수 있습니다. 따라서, Stateful한 경우를 대처하기 위해 세션과 쿠키를 사용하게 됩니다. 쿠키와 세션의 가장 큰 차이점은 상태 정보의 저장 위치입니다. 쿠키는 클라이언트(로컬PC)에 저장하고 세션은 서버에 저장합니다. 쿠키(Cookie) 유저가 어떠한..
자바스크립트 는 단일스레드 이다. 단일 스레드 (single thread)란 한번에 한가지 일밖에 처리할수없다는것을 의미한다. (다른 말로는 콜스택이 하나라고도한다) 자바스크립트 엔진 JS 엔진은 메모리 힙 (Memory Heap) 과 콜 스택(Call Stack) 으로 구성되어 있다. 메모리 힙(Memory Heap) 객체,변수,함수 등 할당된 메모리,데이터 등이 저장되는곳, 메모리 힙은 런타임 중 생성된 객체와 데이터를 저장하고 관리한다. 힙은 동적으로 크기가 조정되며 객체가 생성되거나 더 이상 참조되지 않는경우 가비지 컬렉션에 의해 해제된다. 가비지 컬렉션이란 더 이상 사용되지 않는 객체들을 자동으로 탐지하여 메모리를 해제하는 과정이다.이는 개발자가 명시적으로 메모리 관리에 신경쓰지 않아도 되는 장..
