IT,프로그래밍/Javascript& Typescript
자바스크립트 This 간단 정리
코어자바스크립트: http://www.yes24.com/Product/Goods/78586788 this란? this는 함수를 호출할때 결정된다. 즉, 함수를 어떤 방식으로 호출하느냐에 따라 값이 달라진다. 전역공간에서의 this 전역객체를 가리킨다. 개념상 전역 컨텍스트를 생성하는 주체가 바로 전역객체이기 때문이다. 브라우저에서는 window고, node에서는 global이다. 함수와 매소드에서의 this 함수에서의 this는 전역 컨텍스트를 나타낸다. 이유는 자바스크립트의 모든 요소는 전역컨텍스트의 프로퍼티로 생성이 되기 때문이다. 하지만, 객체안에 담기는 매소드의 경우는 선언한 객체의 프로퍼치를 나타낸다. 매소드 내부의 this 어떤 함수를 매소드로 호출하는 주체는 함수명 앞의 객체입니다. 즉, 마..
Javascript 기술면접 질문 - 1
Javascript 특징과 구조에 대해 설명해주세요 비동기로 처리한다. 메모리 힙과 콜 스택으로 되어있다. 싱글스레드 언어이다. 하지만 브라우저 혹은 Node.js에 있는 이벤트 루프로 인해 비동기 처리가 가능하다. 즉, 자바스크립트 엔진에는 이벤트루프가 존재하지 않는다. 브라우저는 멀티스레드로 동작한다. JS엔진 구조를 설명해주세요 크게 메모리 힙과 콜스택으로 되어있다. 메모리힙에는 실제 코드와 데이터를 할당받아져 있는 객체들이 존재하며 GC 작업을 처리한다. 메모리 힙에는 new space와 old space가 존재한다. 그리고 code가 올라가는 code space, 큰 obejct가 올라가는 large object space등이 있다. 콜스택에는 실행한 함수가 적재되며, 하나씩 실행이 된다. 이때..
[TS] TS의 기초
회사생활중 타입스크립트로 개발을 할일이 많이있었다. 타입스크립트를 기초부터 공부를 하며 세세한 사용법까지 공부를 내가 했는가? 나는 정말 타입스크립트를 쓸수 있다고 말할수 있는가? 라는 생각이 들었고, 한번 기초부터 놓친것은 없는지 공부를 해야겠다고 생각을했다. 공부했던 강의의 링크와 참고자료인 타입스크립트 핸드북 링크는 글의 맨 밑에 추가했으니, 한번쯤 꼭 살펴보길 바란다. 이글은 기본적으로 강의를 따라가며 정리한 내용을 바탕으로 한다. 추가로, 작성한 코드는 https://github.com/MinJunKimKR/practice-programming/tree/main/typescript 에서 확인가능하다. 왜 우린 타입스크립트를 배우나 에러는 런타임 전에 알수가 있다. 자바스크립트에 비해서 데이터 타..