JS 4

자바스크립트 promise

1. 생성자를 통해서 프로미스 객체를 만드는 순간 pending (대기) 상태가 된다. 2. 생성된 promise 객체의 인자로 executor 함수를 받는데, executor 함수는 resolve와 reject함수를 인자로 받을 수 있다. resolve 함수를 실행하면 fulfilled(이행)상태가 되고 reject함수를 실행하면 rejected(거부)상태가 된다. 3. 프로미스 객체에 체이닝 형태로 then과 catch함수를 사용할 수 있는데, then 함수의 경우 promise객체가 resolve에 의해 이행상태가 되고 난 뒤 결과값(문자열, 외부에서 호출한 데이터 등)을 콜백함수의 매개변수로 받아 처리할 수 있고, catch 함수의 경우 promise객체가 reject(보통 에러발생 시)에 의해 ..

카테고리 없음 2021.10.20

자바스크립트 호이스팅

호이스팅(Hoisting): 함수선언부(함수표현식이 아니라는 것에 유의하자)가 스코프 유효범위 최상단으로 끌어올려지는 현상 사용목적? - 특정 함수의 로직이 길어지는 경우 코드 가독성을 위해 호이스팅으로 해당 함수를 하단으로 내릴 수 있다. #예시 const a = 7 double() function double() { console.log(a * 2) } 정상적으로 double 함수가 호출되어 14가 찍히게 된다.

카테고리 없음 2021.10.14

관계형데이터베이스 조인, 자바스크립트 불변성 개념

[관계형데이터베이스 - RDBMS] JOIN - 여러 개의 표로 분산된 정보를 결합해서 하나의 단일한 표로 만드는 기술. 관계형데이터베이스의 핵심 (각각의 테이블들을 ★붙인다★ = 조인) 특정 테이블에서 정보의 중복이 발생할 때, 그리고 특정 테이블의 정보들이 다른 테이블에서 사용될 때 - 테이블을 따로 나눌 타이밍 trade-off) 정보를 하나의 테이블로 표현할 때 - 읽기가 편하지만 쓰기(변경)가 나쁘다 정보를 다수의 테이블로 표현할 때 - 읽기가 불편하지만 쓰기(변경)가 좋다 sql joins visualize - 조인 시각화 사이트 LEFT (OUTER) JOIN 쿼리 ---------------------------- SELECT * FROM TableA A LEFT JOIN TableB B ..

카테고리 없음 2021.09.25

모던자바스크립트 튜토리얼 정리 (객체, this)

출처: https://ko.javascript.info/object-methods #객체 객체와 원시타입의 근본적인 차이: 객체는 '참조에 의해' 저장되고 복사된다. 원시값(문자열, 숫자, 불린 값)은 '값 그대로' 저장, 할당되고 복사됨. 즉, 변수엔 객체가 그대로 저장되는 것이 아니라, 객체가 저장되어있는 '메모리 주소’인 객체에 대한 '참조 값’이 저장된다. 얕은 복사 - Object.assign. 그러나 객체 안에 또 다른 객체가 있으면 완전하게 복사할 수 없음 깊은 복사 - lodash 라이브러리의 cloneDeep 함수. 객체 안에 또 다른 객체가 들어있어도 완전하게 복사할 수 있다. #this 매서드 내부에서 this 키워드를 사용하면 객체에 접근할 수 있다. this는 다른 프로그래밍 언어..

카테고리 없음 2021.09.23