profile
FrontEnd Developer
post-thumbnail

Set과 Map

기존 블로그에 작성한 내용을 velog로 이전한 글입니다Set 객체: 중복되지 않는 유일한 값들의 집합Map 객체: 중복되지 않는 키, 중복 가능한 값의 쌍으로 이루어진 컬렉션다음과 같이 교집합을 구할 수 있다.다음과 같이 합집합을 구현할 수 있다.차집합(A-B)은 집

2020년 12월 7일
·
0개의 댓글
post-thumbnail

브라우저의 렌더링 과정

기존 블로그에 작성한 내용을 velog로 이전한 글입니다HTML, CSS, 자바스크립트로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것을 말한다.랜더링 과정주소창에 URL 입력서버에서 주소/index.html 응답HTML 파싱 시작, HTML DOM 생성HT

2020년 12월 7일
·
0개의 댓글
post-thumbnail

Array HOF 연습 문제

기존 블로그에 작성한 내용을 velog로 이전한 글입니다아래 배열을 사용하여 html을 생성하는 함수를 작성하라.해답:요소의 프로퍼티(id, content, completed)를 문자열 인수로 전달하면 todos의 각 요소 중, 해당 프로퍼티의 값만을 추출한 배열을 반

2020년 12월 7일
·
0개의 댓글
post-thumbnail

스프레드 문법

기존 블로그에 작성한 내용을 velog로 이전한 글입니다하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만드는 것.값을 만드는게 아니기 때문에 변수에 할당할 수 없다.따라서 단독으로 사용될 수 없고 다음과 같이 사용될 수 있다.함수 호출문의 인수

2020년 12월 7일
·
0개의 댓글
post-thumbnail

디스트럭처링 할당

기존 블로그에 작성한 내용을 velog로 이전한 글입니다구조화된 배열 또는 객체를 비구조화하여 1개 이상의 변수에 개별적으로 할당하는 것.순서에 의미가 있다.변수와 배열의 개수가 일치하지 않아도 된다.디스트럭처링을 쓰기 위해선 오른쪽에 반드시 배열이 있어야 한다. (단

2020년 12월 7일
·
0개의 댓글
post-thumbnail

배열

기존 블로그에 작성한 내용을 velog로 이전한 글입니다여러 개의 값을 순차적으로 나열한 자료 구조인덱스 : 배열에서 위치를 나타냄요소 : 배열의 값자바스크립트에서 배열은 배열이 아니라 객체이다.장점: 특정 요소를 탐색하거나 요소를 삽입 또는 삭제하는 경우 더 빠르다.

2020년 12월 7일
·
0개의 댓글
post-thumbnail

ES6의 함수

기존 블로그에 작성한 내용을 velog로 이전한 글입니다ES6에선 단축표현으로 작성된 함수만 메소드로 인정한다.메소드는 \[HomeObject]를 가지고 있어 super사용이 가능하다.non-constructor라 prototype을 만들지 않는다.매개변수 이름을 중복

2020년 12월 7일
·
0개의 댓글
post-thumbnail

클래스

기존 블로그에 작성한 내용을 velog로 이전한 글입니다객체지향 언어의 class를 자바스크립트에서 사용하게 해주는 문법적 설탕이라고 할 수 있다.하지만 클래스가 생성자 함수와 완전히 같지는 않다.생성자함수와 클래스의 차이정의 방법과 인스턴스 생성 방법은 다음과 같다.

2020년 12월 7일
·
0개의 댓글
post-thumbnail

자바스크립트 에러 (Error)

기존 블로그에 작성한 내용을 velog로 이전한 글입니다Error 종류 (https://en.hexlet.io/)TypeError 객체는 보통 값이 기대하던 자료형이 아니라서 연산을 할 수 없을 때 발생하는 오류입니다.(MDN: https://deve

2020년 12월 7일
·
0개의 댓글
post-thumbnail

클로저(Closure)

기존 블로그에 작성한 내용을 velog로 이전한 글입니다외부 함수가 소멸했음에도 내부함수가 외부함수의 지역변수(자유변수)에 접근할 수 있는 메커니즘.캡슐화를 통해 외부함수의 지역변수(자유변수)의 오염을 막을 수 있다.실행 컨텍스트 스택에서 외부함수가 제거 되더라도 내부

2020년 12월 7일
·
0개의 댓글
post-thumbnail

this

기존 블로그에 작성한 내용을 velog로 이전한 글입니다자신이 속한 객체를 참조하기 위한 키워드함수가 호출되는 방식에 따라 this에 바인딩될 값, 즉 this 바인딩이 동적으로 결정된다.일반 함수 호출 : 기본적으로 전역 객체가 바인딩 된다.메소드 호출 : 메소드를

2020년 12월 7일
·
0개의 댓글
post-thumbnail

실행 컨텍스트

기존 블로그에 작성한 내용을 velog로 이전한 글입니다소스 코드를 실행하기 위해 필요한 환경 및 실행 결과를 관리하는 영역소스 코드의 타입별 생성 과정 및 관리 내용전역 코드 : 전역 스코프 생성 및 전역 변수 관리 (함수, 클래스 등 내부 코드 미포함)함수 코드 :

2020년 12월 7일
·
0개의 댓글
post-thumbnail

엄격 모드 (strict mode)

기존 블로그에 작성한 내용을 velog로 이전한 글입니다엄격모드 : 자바스크립트 문법을 보다 엄격하게 적용하기 위해 쓰는 문법.사용법 : 전역 선두 or 함수 선두에 'use strict';를 추가한다.사용법 예시:암묵적 전역 : ReferenceError 발생변수,

2020년 12월 7일
·
0개의 댓글