불타는 키보드

Promise란? Promise는 우리가 콜백헬에서 허우적거릴 상황을 최소한으로 만들어줍니다. 비동기처리의 결과를 보여주는 객체형식이며 Promise의 P는 항상 대문자로, 생성자라는 걸 의미합니다. 콜백헬이 뭔가요? 아래 예시를 보면 쉽게 이해가 가실 겁니다. 예시1 예시2 위와 같은 코드는 프로세스의 성능 저하라는 단점이 있지만, 무엇보다도 본인에게도 해롭고, 코드를 공유할 동료들에게는 100배로 해롭습니다! Promise의 resolve, reject Promise로 새로운 콜백함수를 만든다면 인자는 resolve, reject가 들어옵니다. new Object를 만들던 것과 같이 Promise도 생성자이기 때문에 new Promise라는 문구를 사용합니다. Promise 사용 연습을 위해 아이디 ..

언어/Javascript + Typescript 2020. 7. 10. 03:28

이 문서는 추후 업데이트 예정입니다. 콜 스택(Call Stack) 콜 스택은 프로그램의 진행단계 중 우리의 위치를 나타내는 데이터 구조입니다. 작동되는 순서에 따라 차례대로 콜 스택에 들어가고, 값을 반환하면 콜 스택에서 지워집니다. 자바스크립트는 싱글스레드를 기반으로 하기 때문에 단 한 줄의 콜 스택만이 존재합니다. 콜 스택: 예시1 console.log('one'); console.log('two'); console.log('three'); 순서에 따른 콜 스택의 변화 console.log('one') 콜 스택에 추가 'one' 반환 후 콜 스택에서 삭제 console.log('two') 콜 스택에 추가 'two' 반환 후 콜 스택에서 삭제 console.log('three') 콜 스택에 추가 't..

언어/Javascript + Typescript 2020. 7. 7. 18:59

var, let, const var, let, const는 자바스크립트의 변수 선언 키워드입니다. 그렇다면 이들 사이에는 어떤 차이점이 존재하고, 어느때에 어느 방식으로 변수를 선언해야 할까요? 변수? 선언된 변수들은 변수가 선언된 실행 콘텍스트(execution context) 안에서 만들어집니다.(출처링크) 선언되지 않은 변수들은 항상 전역변수입니다. 이것이 무슨 말일까요? 예시를 만들어봅시다. function A(){ a = 1; var b = 1; let c = 1; const d = 1; }; A(); console.log(a); //result: 1 console.log(b); console.log(c); console.log(d); //result: Uncaught ReferenceError..

언어/Javascript + Typescript 2020. 7. 3. 01:39