들어가며 이 내용은 Javascript ES6+ 제대로 알아보기 - 중급 강의 중 Iterable, iterator, generator를 정리한 내용 입니다. 강의링크 Iterable 내부 요소들을 공개적으로 탐색(반복) 할 수 있는 데이터 구조로 [Symbol.iterator]메소드를 가지고 있다. [Symbol.iterator]를 실...
Javascript Symbol
들어가며 이 내용은 Javascript ES6+ 제대로 알아보기 - 중급 강의 중 Symbol를 정리한 내용 입니다. 강의링크 Symbol ES6에서 새로 추가된 자료형 유일무이하고 고유한 존재 비공개 멤버에 대한 요구에서 탄생 기본적인 열거대상에서 제외 암묵적 형변환 불가 유일무의하고 고유한 존재 Symbol를 생...
Javascript Arrow Function
들어가며 이 내용은 Javascript ES6+ 제대로 알아보기 - 초급 강의 중 Arrow Function 내용을 정리하였습니다. 강의링크 Arrow function 표기법 const 함수명 = (인자) => { //함수 구현부 } Arrow function 축약 구현부가 1줄이며, 리턴을 해야되는 값이라면, {} 및...
Javascript 추가된 Object 기능
들어가며 이 내용은 Javascript ES6+ 제대로 알아보기 - 초급 강의 중 enhanced Object functionalities 내용을 정리하였습니다. 강의링크 Shorthand property 프로퍼티의 key와 value에 할당할 변수명이 동일할 경우 value 생략 가능 기존 var x = 10; var y = 20; ...
Javascript block scope
들어가며 이 내용은 Javascript ES6+ 제대로 알아보기 - 초급 강의 중 Block scope 내용을 정리하였습니다. 강의링크 Block scope Block에 의해 생기는 유효범위 (for, if, while….) var는 block scope에 영향을 받지 않고, let, const만 영향을 받는다. Block s...
Javascript prototype
들어가며 이 내용은 코어 자바스크립트의 강의 중 prototype과 class를 정리한 내용 입니다. 강의링크 프로토타입 상속되는 속성과 메소드들이 정의되어 있는 곳의 속성을 의미1 생성자 함수와 new2 키워드를 이용해서 instance를 생성하면 Constructor3의 prototype이라고 하는 프로퍼티의 내용이 insta...
Javascript 클로저
들어가며 이 내용은 코어 자바스크립트의 강의 중 클로저를 정리한 내용 입니다. 강의링크 클로저란? 컨텍스트 A에서 선언한 변수 a를 참조하는 내부함수 B를 A의 외부로 전달할 경우, A가 종료된 이후에도 a가 사라지지 않는 현상. 즉 지역변수가 함수 종료 후에도 사라지지 않게 할 수 있음. 아래 함수에서 outer의 반환값은 inner...
Javascript 실행 컨텍스트(execution context)와 this
들어가며 이 내용은 코어 자바스크립트의 강의 중 실행 컨텍스트와 this를 정리한 내용 입니다. 강의링크 실행 컨텍스트 함수를 실행할 때 필요한 조건 및 환경정보 (전역공간, 함수, eval1, module) 실행 컨텍스트의 구조 VariableEnvironment : 식별자 정보 수집 (실행중 변화 반영x) LexicalEnv...
Javascript 데이터 타입
들어가며 이 내용은 코어 자바스크립트의 강의 중 데이터 타입을 정리한 내용 입니다. 강의링크 Primitive Type stack 영역에 저장 Number, String, Boolean, null, undefined, Symbol(ES6) 데이터 저장 방식 우선 변수가 선언되면 데이터가 담길 임의의 공간을 확보한다. (1...
Typescript 연산자를 이용한 타입정의
연산자를 이용한 타입정의 Union Tpye 유니온 타입(Union Type)이란 자바스크립트의 OR 연산자와 같이 A이거나 B이다 라는 의미의 타입이다. 이처럼 any를 사용하는 경우 마치 자바스크립트로 작성하는 것처럼 동작을 하고 유니온 타입을 사용하면 타입스크립트의 이점을 살리면서 코딩할 수 있다. function logText(age: s...
Typescript 기본타입, 함수, 인터페이스
타입스크립트 기본 타입 타입스크립트에는 12가지 기본타입이 있다. String 문자열을 나타냄 let str: string = 'hi'; Number 숫자를 나타냄 let num: number = 10; Boolean 참/거짓을 나타냄 let isLoggedIn: boolean = false; Object 이름과 값으로 구성된 프로퍼...
Django ORM 1+N문제
ORM N+1 문제 django ORM은 Lazy-Loading 방식입니다. Lazy-Loading 방식을 사용하면 ORM에서 명령을 실행할 때마다 데이터베이스에서 데이터를 가져오는 것이 아니라 실제로 데이터를 불러와야 할 시점에 데이터베이스에 쿼리를 실행하는 방식입니다. 그래서 다음과 같이 QRM를 통해서 db의 data를 접근하면, n+1번 쿼리...
Nestjs 기본 용어 정리
NestJS nest-js 구조 AppModule(root) ├──Module1 │ └──Controller │ └──Service │ └──.. │ └──.. ├──Module2 │ └──Controller │ └──Service │ └──.. │ └──.. 기본적인 명령어 프로젝트 생성 npm i -g @nestj...