개발개발 블로그

디스트럭처링 할당 (Destructuring assignment)

1. 디스트럭처링 할당이란구조화된 배열 또는 객체를 비구조화하여 1개 이상의 변수에 개별적으로 할당하는 것. 2. 배열 디스트럭처링 할당ArrayDestructuring.js12345const ingredients = ["튀긴면", "스프", "계란"];const [noodle, soup, topping, time = 3] = ingredients......

Posted by Seongkyun Yu on 2020-03-22

스프레드 문법 (Spread)

1. 스프레드 문법이란하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만드는 것. 값을 만드는게 아니기 때문에 변수에 할당할 수 없다. 따라서 단독으로 사용될 수 없고 다음과 같이 사용될 수 있다. 함수 호출문의 인수 목록 배열 리터럴의 요소 목록 객체 리터럴의 프로퍼티 목록 (최신 버전) 이터러블에 한정되어 사용될 수 있다.......

Posted by Seongkyun Yu on 2020-03-22

javascript ES6 Spread

배열 (Array)

1. 배열이란 여러 개의 값을 순차적으로 나열한 자료 구조 인덱스 : 배열에서 위치를 나타냄 요소 : 배열의 값 2. 자바스크립트의 배열은 객체이다자바스크립트에서 배열은 배열이 아니라 객체이다. 구분 일반적인 배열 자바스크립트 배열 동일 크기 메모리 공간 O X 연속 나열 O X 장점: 특정 요소를 탐색하거나 요소를 삽입......

Posted by Seongkyun Yu on 2020-03-19

javascript ES6 Array

ES6의 함수

1. ES6의 함수 구분 구분 constructor prototype super arguments 일반 함수 O O X O 메소드(단축표현) X X O O 화살표 함수 X X X X 2. 메소드 ES6에선 단축표현으로 작성된 함수만 메소드로 인정한다. 메소드는 [[HomeObject]]를 가지고 있어 super사용이 가능하다.......

Posted by Seongkyun Yu on 2020-03-18

javascript function ES6

클래스 (Class))

클래스란?객체지향 언어의 class를 자바스크립트에서 사용하게 해주는 문법적 설탕이라고 할 수 있다. 하지만 클래스가 생성자 함수와 완전히 같지는 않다. 구분 Class 생성자 함수 인스턴스 생성 O O super 호출 O X extends O X new 미사용 에러 O X 암묵적 strict mode O X 메소드[[......

Posted by Seongkyun Yu on 2020-03-15

javascript class

자료구조와 알고리즘1 (Data Structure & Algorithm)

연습문제1. 선형 검색선형 검색을 통해 주어진 배열(array)에 주어진 값(target)이 요소로 존재하는지 확인하여 존재하는 경우 해당 인덱스를 반환하고 존재하지 않는 경우 -1을 반환하는 함수를 구현하라. 단, 어떠한 빌트인 함수도 사용하지 않고 for 문을 사용하여 구현하여야 한다. linearSearch.js1234567891011121314......

Posted by Seongkyun Yu on 2020-03-12

javascript error

자바스크립트 에러 (Error)

Error 요약 TypeError TypeError 객체는 보통 값이 기대하던 자료형이 아니라서 연산을 할 수 없을 때 발생하는 오류입니다.(MDN: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/TypeError) 변수 타입과 상관 없는 명령을 실행할 ......

Posted by Seongkyun Yu on 2020-03-11

javascript error

클로저 (closure)

1. 클로저 외부 함수가 소멸했음에도 내부함수가 외부함수의 지역변수(자유변수)에 접근할 수 있는 메커니즘. 캡슐화를 통해 외부함수의 지역변수(자유변수)의 오염을 막을 수 있다. 2. 클로저와 렉시컬 환경실행 컨텍스트 스택에서 외부함수가 제거 되더라도 내부함수를 참조하고 있다면 렉시컬 환경은 소멸하지 않는다. 12345678910111213......

Posted by Seongkyun Yu on 2020-03-08

javascript closure

실행 컨텍스트 (Execution Context)

1. 실행 컨텍스트 소스 코드를 실행하기 위해 필요한 환경 및 실행 결과를 관리하는 영역 소스 코드의 타입별 생성 과정 및 관리 내용 전역 코드 : 전역 스코프 생성 및 전역 변수 관리 (함수, 클래스 등 내부 코드 미포함) 함수 코드 : 지역 스코프 생성 및 지역 변수 관리 (중첩 함수, 클래스 등 내부 코드 미포함) eval 코드 : 엄......

Posted by Seongkyun Yu on 2020-03-06

javascript context

this

1. this 자신이 속한 객체를 참조하기 위한 키워드 함수가 호출되는 방식에 따라 this에 바인딩될 값, 즉 this 바인딩이 동적으로 결정된다. 12345678910111213141516171819202122232425262728// this는 어디서든지 참조 가능하다.// 전역에서 this는 전역 객체 window를 가리킨다.console......

Posted by Seongkyun Yu on 2020-03-06

javascript this

개발개발 블로그

디스트럭처링 할당 (Destructuring assignment)

스프레드 문법 (Spread)

배열 (Array)

ES6의 함수

클래스 (Class))

자료구조와 알고리즘1 (Data Structure & Algorithm)

자바스크립트 에러 (Error)

클로저 (closure)

실행 컨텍스트 (Execution Context)

this

ABOUT ME

RECENT POSTS

CATEGORIES

FEATURED TAGS

FRIENDS

ARCHIVES