01. AI, Machine Learning, Deep Learning ? AI 란? 동적 컴퓨팅 환경에 내장된 알고리즘을 생성하고 적용하여 인간의 지능을 모방하는 기초적인 지능 Machine Learning ? 인공지능을 만들기 위해 기계를 학습시키는 다양한 방법에 대한 학문을 말한다. Deep Learning ? 머신러닝보다 더 작은 개념으로 '신경망'을 통해 인공지능을 만드는 머신러닝의 한 종류이다. 신경세포들의 합성인 '신경망(Neural Network)'을 따라 만든 '인공신경망(Artificial Neural Network)'에서 여러 계층을 쌓아서 만든 깊은 신경망(Deep Neural Network) 다른 이름 으로 딥러닝이 만들어졌다. 현재 우리 사회가 이야기 하는 인공지능에 대한 부분은..
1. DOM DOM의 기본 개념 JS는 왜 만들어진 건가? 웹 페이지를 동적으로 만들기 위해 HTML 문서를 조작해서 생명력을 넣기 위해 만들어진 언어 웹 페이지가 동작하는 과정 클라이언트가 브라우저에 주소를 입력한다. HTML 문서를 서버로부터 수신 서버가 클라이언트에게 response를 준다. (즉, response가 HTML 문서(document)) 브라우저가 HTML 파일을 해석(parsing 파싱) 브라우저에는 기본적으로 렌더링 엔진이 있다. 서버가 클라이언트에게 준 HTML문서를 렌더링 한다. 랜더링 엔진이 HTML 문서에 코드를 해석한다. JS가 이해할 수 있는 방식으로 해석하고 내용을 토대로 DOM Tree를 구성 DOM Tree랑 CSSOM Tree를 묶어서 Render Tree를 구성 ..
1. 콜백 함수란 다른 코드의 인자로 넘겨주는 함수. 즉, 콜백 함수를 넘겨 받는 코드(ex. forEach, setTimeout) 가 있다는 말. 콜백 함수를 넘겨 받은 코드가 콜백 함수를 필요에 따라 적절한 시점에 실행하게 된다. 콜백 함수는 다른 코드(함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임하는 함수. 콜백 함수를 위임받은 코드는 자체적으로 내부 로직에 의해 콜백 함수를 적절한 시점에 실행. 2. 제어권 호출 시점 ==> 콜백 함수의 제어권을 넘겨받은 코드는 콜백 함수 호출 시점에 대한 제어권을 가진다. 인자 ==> map 함수는 각 배열 요소를 변환하여 새로운 배열을 반환한다. 기존 배열을 변경하지 않고, 새로운 배열을 생성. // map 함수에 의해 새로운 배열을 생성해..
1. 상황에 따라 달라지는 this 1. this는 실행 컨텍스트가 생성될 때 결정된다. 즉, this를 bind한다라고도 한다. this는 함수를 호출할 때 결정된다. 전역 공간에서의 this 1. 전역 공간에서 this는 전역 객체를 가르킨다. 2. 런타임 환경에 따라 this는 window(브라우저 환경) 또는 global(node 환경)을 각각 가르킨다. 2. 메서드로서 호출할 때 그 메서드 내부에서의 this 함수 vs. 메서드 (독립성) ==> 함수는 그 자체로 독립적인 기능을 수행 ==> 메서드는 자신을 호출한 대상 객체에 대한 동작을 수행 this의 할당 // CASE1 : 함수 // 호출 주체를 명시할 수 없기 때문에 this는 전역 객체를 의미해요. var func = function ..
1. 실행 컨텍스트란? - 실행할 코드에 제공할 환경 정보들을 모아놓은 객체. 선언된 변수를 위로 끌어올린다. (호이스팅) 외부 환경 정보를 구성 this 값을 설정 스택(stack) - 마지막에 들어간게 첫번째로 나오는 구조 콜 스택(call stack) - 필요한 환경 정보들을 모아 컨텍스트를 구성하고 이것을 stack의 한 종류인 콜 스택에 쌓아올린다. 가장 위에 쌓여있는 컨텍스트와 관련된 코드를 실행하는 방법으로 코드의 환경 및 순서를 보장할 수 있다. 컨텍스트의 구성 구성 방법 a. 전역공간 b. eval()함수 c. 함수(흔히 실행 컨텍스트를 구성하는 방법) 실행 컨텍스트 구성 예시 // ---- 1번 var a = 1; function outer() { function inner() { co..
01. 데코레이터 @ApiProperty() 클래스의 속성을 문서화할 때 사용. 속성에 대한 설명, 예제 값 및 다른 정보를 제공할 수 있다. import { ApiProperty } from '@nestjs/swagger'; export class CreateCatDto { @ApiProperty() name: string; @ApiProperty({ type: Number, description: 'The age of a cat', minimum: 1, default: 1, }) age: number; @ApiProperty() breed: string; } @ApiOperation() 컨트롤러의 메서드를 문서화할 때 사용된다. 메서드의 요약, 설명 및 응답 타입을 지정할 수 있다. import { ..
