VS Code 언어 한국어로 설정하기

VS Code를 열어 좌측에 확장 마켓플레이스를 클릭해 줍니다.

Korean Language Pack for Visual Studio Code를 검색하여 설치합니다.

설치 후 F1을 누른 후 Configure Display Language를 입력하여 “ko” 값으로 설정 후 재시작 해주면 끝

React 입문전에 Array 메소드 map, filter, reduce를 확실히 알고
구현해 만들어보는 것이 도움이 된다길래 한번 만들어 봤습니다.

• Array.prototype.map

  • map 원리
  • map 메소드 만들어보기

• Array.prototype.filter

  • filter 원리
  • filter 메소드 만들어보기

• Array.prototype.reduce

  • reduce 원리
  • reduce 메소드 만들어보기

다른 언어의 상속 개념을 흉내 내기위해 자바스크립트 ES6에서 추가된 Class 문법
(내부적으로는 프로토타입을 따름)

• 클래스와 인스턴스의 개념 이해
• 자바스크립트의 클래스
• 클래스 상속
  • 기본 구현
  • 클래스가 구체적인 데이터를 지니지 않게 하는법
  • constructor 복구하기
  • 상위 클래스에 접근 수단
• ES6의 클래스 및 클래스 상속
• 정리

• 프로토타입 (prototype)
  • 프로토타입의 개념 이해
    • constructor, prototype, instance
    • constructor 프로퍼티
  • 프로토타입 체인
    • 메서드 오버라이드
    • 프로토타입 체인
    • 객체 전용 메서드의 예외사항
    • 다중 프로토타입 체인
  • 정리

• 클로저 (Closure)
  • 클로저의 의미 및 원리 이해
  • 클로저와 메모리 관리
  • 클로저 활용 사례
    • 콜백 함수 내부에서 외부 데이터를 사용하고자 할 때
    • 접근 권한 제어 (정보 은닉)
    • 부분 적용 함수
    • 커링 함수
  • 정리

• 콜백 함수
  • 콜백 함수란?
  • 제어권
    • 인자
    • this
  • 콜백 함수는 함수다.
  • 콜백 함수 내부의 this에 다른 값 바인딩하기
  • 콜백 지옥과 비동기 제어

자바스크립트에서의 this는 어디서든 사용할 수 있습니다.
this는 상황에 따라 참조하는 대상이 달라질 수 있습니다.
함수와 객체(메서드) 구분이 느슨한 자바스크립트에서 이 둘을 구분하는 유일한 기능입니다.

• this
  • 상황에 따라 달라지는 this
    • 전역 공간에서의 this
    • 메서드로서 호출할 때 메서드 내부의 this
      • 함수 vs 메서드
      • 메서드 내부에서의 this
    • 함수로서 호출할 때 그 함수 내부에서의 this
      • 함수 내부에서의 this
      • 메서드의 내부함수에서의 this
      • 메서드 내부 함수에서의 this를 우회하는 방법
      • this를 바인딩하지 않는 함수
    • 콜백 함수 호출시 그 함수 내부에서의 this
    • Class 함수 내부에서의 this
  • 명시적으로 this를 바인딩하는 방법
    • call 메서드
    • apply 메서드
    • call / apply 메서드의 활용
      • 생성자 내부에서 다른 생성자를 호출
      • 여러 인수를 묶어 하나의 배열로 전달
    • bind 메서드
      • name 프로퍼티
      • 상위 컨텍스트의 this를 내부함수나 콜백 함수에 전달하기
    • 화살표 => 함수의 예외사항
    • 별도의 인자로 this를 받는 경우(콜백 함수 내에서의 this)
  • this 정리

실행 컨텍스트(execution context)는 실행할 코드에 제공할 환경 정보를 모아놓은 객체로,
자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념입니다.
자바스크립트는 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅), 외부 환경 정보를 구성하고, this 값을 설정하는 등의 동작을 수행하는데, 이로 인해 다른 언어에서는 발견할 수 없는 특이한 현상들이 발생합니다.

• 실행 컨텍스트
  • 실행 컨텍스트란?
    • 스택과 큐
  • VariableEnvironment
  • LexicalEnvironment
    • environmentRecord와 호이스팅
      • 호이스팅 규칙
      • 함수 선언문과 함수 표현식
    • 스코프, 스코프 체인, outerEnvironmentReference
      • 스코프 체인
      • 전역변수 와 지역변수
  • this

자바스크립트가 데이터를 처리하는 과정을 살펴봄으로써
기본형 타입과 참조형 타입이 서로 다르게 동작하는 이유를 이해하고
이를 적절히 활용할 수 있게 되는 것을 목표로 합니다.
나아가 데이터 타입과 관련된 중요한 개념 몇 가지를 추가로 살펴봅니다.

• 데이터 타입의 종류
• 데이터 타입에 관한 배경 지식
  • 메모리와 데이터
  • 식별자와 변수
• 변수 선언과 데이터 할당
  • 변수 선언
  • 데이터 할당
• 기본형 데이터와 참조형 데이터
  • 불변값
  • 가변값
  • 변수 복사 비교
• 불변 객체
  • 불변 객체를 만드는 간단한 방법
  • 얕은 복사와 깊은 복사
• undefined 와 null

Promise 오브젝트는 비동기(Asynchronous)처리를 위한 메커니즘을 제공합니다.
ES5까지 없었던 개념으로 ES6에 추가되었습니다.

• Promise 오브젝트
  • 개요
    • Promise 처리 순서
  • Promise 상태
    • settled 상태
    • fulfill (성공)
    • reject (실패)
  • new Promise(): Promise 인스턴스 생성
  • then(): 성공, 실패 핸들러
  • catch(): 실패 핸들러
  • resolve(): 성공 상태의 인스턴스 반환
    • thenable
  • reject(): 실패 상태의 인스턴스 반환
  • all(): 모두 성공이면 핸들러 실행
  • race(): 처음 한 번만 핸들러 호출