본문 바로가기

전체 글492

[ 모던 자바스크립트 스터디 ] 프로퍼티 어트리뷰트 내부 슬롯 & 내부 메서드 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. ECMAScript 사양에 등장하는 이중 대괄호로 감싼 이름들이 바로 그것들이다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진에서 실제로 동작은 하나 개발자들이 직접 사용할 수 있도록 공개된 프로퍼티는 아니다. 원칙적으로 내부 슬롯과 내부 메서드에 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지는 않는다. 하지만 일부에 한해 간접적으로 접근할 수 있는 수단을 제공한다. 모든 객체는 [[Prototype]] 이라는 내부 슬롯을 갖고, 이는 __proto__ 를 통해 간접적으로 접근할 수 있다. 사실 이 언더스코더 2개를 통해 호출.. 2022. 9. 22.
[ PostgreSQL ] CASE WHEN ~ END 와 비교연산(<>) PostgreSQL 에서의 조건문이다. 계속 쿼리 보면서 느낌적인 느낌으로 해석하다가 한번 정리해두면 좋을 것 같아서 기록해둔다. CASE WEHN ~ END CASE WHEN 조건 THEN 결과 WHEN 조건2 THEN 결과2 [ELSE] 결과2 END [AS alias] 굉장히 심플하다. 다음은 내가 좀 생소했던 연산자인 이다. 비교연산 != 과 같은 연산자이다. 왼쪽과 오른쪽은 동일하지 않다는 의미이다. 2022. 9. 21.
구조적 서브타이핑 / 잉여 속성 체크 아침에 유튜브 보면서 출근준비하다가 내가 의아해했던 부분을 설명해주셔서 안잊으려고 급하게 포스팅한다. 대체 무슨 기준으로 구조적 서브타이핑이 적용되고, 잉여 속성 체크가 적용되는 것일까? 여기서 구조적 서브타이핑은 상위와 하위의 개념으로, 상위의 개념이 하위를 포함하고 있는것이다. 구조적 서브타이핑에서는 하위가 다른 어떤 프로퍼티를 가지고 있는지 관심이 없다. 그저 상위의 프로퍼티만 가지고 있으면 된다. 하지만 잉여 속성 체크는 그에 반해 상위에 없는 프로퍼티를 가지면 에러를 발생시킨다. 이 둘의 발동 조건은 바로 객체 리터럴을 사용하냐, 사용하지 않느냐에 따라 나뉜다. interface box { color: string; } // 잉여 속성 체크 box({ color: "red", other: tru.. 2022. 9. 21.
[ 모던 자바스크립트 스터디 ] let, const 키워드와 블록 레벨 스코프 30초 정리 - var vs let vs const 변수 선언 -> const 재할당 필요한 변수 선언 -> let 변수 선언 시 기본으로는 const 로 선언하고, 재할당이 필요하다면 그때 가서 let 으로 바꾸세요! ES5까지 변수를 선언할 수 있는 유일한 방법은 var 였지만, ES6 부터는 let, const 키워드로도 변수 선언이 가능해졌다. 우선 기존의 var 키워드가 어떤 문제가 있었는지 살펴보자. 변수 중복 선언 허용 var x = 1; var y = 1; var x = 100; var y; console.log(x); // 100 console.log(y); // 1 var 키워드로 선언한 x 변수와 y 변수는 중복 선언 되었으나 에러가 발생하지 않는다. 만약 내가 위에 apple 이라는.. 2022. 9. 20.
[ 모던 자바스크립트 스터디 ] 전역변수의 문제점 전역변수 쓰지 말라 쓰지 말라 계속 들어왔는데, 이번 포스팅에서는 대체 왜 쓰지말아야하는지에 대해 자세히 말해보겠다. 자바스크립트에서 변수 선언은 코드가 한 줄씩 순차적으로 실행되는 시점인 런타임에 실행되는 것이 아닌 런타임 이전 단계에서 실행된다라고 배웠다. 하지만 이건 전역 변수에만 해당하는 얘기이다. 특정 함수 내부에 선언된 변수라면 함수가 호출된 이후에야 함수 몸체 코드가 한 줄 씩 읽히기 전에 변수가 선언된다. 지역 변수의 생명주기 즉, 전역변수와는 달리 지역 변수는 생명주기가 함수의 생명 주기와 일치한다. 함수 몸체 내부에서 선언된 지역 변수의 생명 주기는 함수의 생명 주기와 대부분 일치하나 지역 변수가 함수보다 더 오래 생존하는 경우도 존재한다. 함수 내부엣 선언된 지역 변수는 함수가 생성한.. 2022. 9. 20.
[ JavaScript ] Map & Reduce 요약 정리 map 배열.map((요소, 인덱스, 배열) => {return 요소}); 반복문을 돌면서 배열 안의 요소들을 1대1로 짝지어줌. 함수는 그 짝을 어떻게 지을 것인가? 에 대한 설명을 메서드의 인자로 넣어주면 되는거임. const nums = [1, 2, 3, 4, 5]; let data = nums.map((n)=> { console.log(n); return n; }); data 는 [1, 2, 3, 4, 5] 가 들어감. map을 실행하는 배열과 결과로 나오는 배열은 다른 객체라는 것 주의. reduce 배열.reduce((누적값, 현잿값, 인덱스, 요소) => { return 결과 }, 초기값); 덧셈 예제 생각하면 쉬움. 2022. 9. 19.

티스토리툴바