let 변수와 var 변수 차이

강의명 : 자바스크립트 ES6+ 기본

수강 기한 : 무제한

진도율 : 0강/94강 (0%) | 시간 : 0분/509분

나가기

미수강

이전수업

다음수업

강좌의 소스 코드를 다운로드 받을 수 있습니다.

자바스크립트 ES6+ 기본

수강 기한 : 무제한

진도율 : 0강/94강 (0%) | 시간 : 0분/509분

소개

강좌 방향, ES6+ 기본 과정의 주요 내용

3분

JavaScript 스펙, ES6+의 프로그램 언어적 위치

4분

용어 사용 기준: 오브젝트, 인스턴스, 프로퍼티, 함수, 뉘앙스 고려

3분

let 변수, const 변수

변수 구분, 글로벌 변수 오해, use strict 사용

7분

블록 스코프 유형: function 블록, try-catch, switch-case

4분

let 변수 개요, let 변수 선언, 블록 스코프

7분

let 변수와 var 변수 차이

4분

let 변수와 this

5분

js 파일 다수 사용

8분

호이스팅

11분

const 변수

5분

Arrow Function

Arrow Function, 함수 블록 사용, 파라미터 사용

5분

화살표 함수 구조, arguments 사용 불가

4분

화살표 함수와 this, this가 정적 스코프 참조

7분

화살표 함수와 인스턴스, 화살표 함수 특징

5분

이터레이션

이터레이션, 이터레이션 프로토콜

5분

이터러블 오브젝트, 이터러블 프로토콜

4분

이터레이터 오브젝트, 이터레이터 프로토콜

5분

Spread, Rest

let, const 사용 기준, spread, Array spread, String spread, Object spread, push(...spread)

6분

Rest 파라미터, function spread, Array-like, rest와 arguments 차이

6분

Destructuring

Destructuring, Array 분할 할당

6분

Object 분할 할당, 파라미터 분할 할당

5분

Object 오퍼레이션, 프로퍼티 이름 조합

4분

default value

4분

for-of 문

for-of, for-in for-of 차이, for-of Object

4분

연산자, 기타

Trailing commas, 거듭 제곱, try-catch, 함수 작성 형태

5분

getter, setter

5분

Number 오브젝트

IEEE 754, 64비트 구성, 값을 구하는 방법, Number 상수

4분

진수, EPSILON: Number.EPSILON, 진수

4분

Number 함수: isNaN(), isInteger(), isSafeInteger(), isFinite()

7분

String 오브젝트

Unicode, ES5 호환성

5분

Unicode 함수: fromCodePoint(), codePointAt(), [정리 시간], normalize()

6분

시작/끝 체크 복제: startsWith(), endsWith(), repeat(), includes(), raw()

7분

길이 늘리기, 공백 삭제: padStart(), padEnd(), trimStart(), trimEnd()

5분

Object 오브젝트

is(), JS 값 비교 방법

5분

오브젝트 복사: assign(), 첫 번째 파라미터 작성, 두 번째 파라미터 작성

5분

deep copy

4분

Object 변환: entries(), values(), fromEntries(), getOwnPropertyDescriptors()

6분

prototype과 __proto__, 메소드 호출 방법

4분

인스턴스에 함수로 추가

5분

__proto__에 메소드 추가

5분

setPrototypeOf(): 인스턴스 사용

6분

setPrototypeOf(): prototype 사용

6분

Template Literal

4분

tagged Template

5분

String.raw, String.raw()

5분

Array 오브젝트

from(), of()

4분

배열 엘리먼트 복사, copyWithin()

5분

Generic

4분

같은 값, 인덱스 검색: find(), findIndex()

5분

대체, 포함 여부: fill(), includes()

5분

배열 차원 변환: flat(), flatMap()

7분

Array 이터레이터 오브젝트 생성: entries()

5분

Array 이터레이터 오브젝트 생성: keys(), values()

4분

Math 오브젝트

정수, 제곱근, 사인, Hyperbolic, 로그, 32비트 계산

5분

RegExp 오브젝트

lastIndex

6분

y 플래그

4분

u 플래그, s 플래그

3분

Generator 오브젝트

Generator 함수: function*, function* 선언문, function* 표현식

5분

GeneratorFunction

6분

yield 키워드

6분

next()

6분

yield 반복, 다수의 yield 처리

4분

yield 분할 할당, for-of 반복

4분

제너레이터 오브젝트 메소드: return(), throw()

5분

yield* 표현식

6분

Symbol 오브젝트

primitive 값, wrapper 오브젝트

6분

Symbol() 함수

5분

Symbol 사용 형태

5분

Symbol Property

Well-Known Symbols

7분

Symbol.toStringTag

4분

Symbol.isConcatSpreadable

4분

Symbol.species

8분

Symbol.species 오버라이드

5분

Symbol.toPrimitive

6분

Symbol.iterator, Array.prototype[@@iterator], Object 이터레이션

6분

Symbol.iterator에 제너레이터 함수 연결

3분

Symbol.match

4분

Symbol 함수, 메소드

Symbol 함수: for(), keyFor()

4분

Symbol 메소드: toString(), description, valueOf(), getOwnPropertySymbols()

4분

Map 오브젝트

Map 오브젝트 형태, new Map()

5분

Map과 Object 비교

4분

값 설정, 추출 메소드: set(), get(), has()

4분

Map과 이터레이터 오브젝트: entries(), keys(), values(), Symbol.iterator()

3분

콜백 함수, 삭제, 지우기: forEach(), delete(), clear()

5분

WeakMap 오브젝트

WeakMap 오브젝트 개요, new WeakMap()

5분

WeakMap 오브젝트 메소드: get(), set(), has(), delete()

4분

가비지 컬렉션 처리

5분

Map과 WeakMap 차이

5분

Set 오브젝트

Set 오브젝트 개요, new Set(), Set과 Map 비교

4분

값 설정, 추출 메소드: add(), has()

5분

Set과 이터레이터 오브젝트: entries(), keys(), values(), Symbol.iterator()

3분

콜백 함수, 삭제, 지우기: forEach(), delete(), clear()

3분

WeakSet 오브젝트

WeakSet 오브젝트 개요, new WeakSet(), has(), add(), delete()

3분

질문 게시판

올라온 질문이 없습니다!
수업 내용에 궁금한 점이있다면
질문을 작성해주세요!

let 변수와 var 변수를 비교하는 예제 질문입니다.

{ let k = 0; node.children[k].onclick = function(event) { event.target.style.backgroundColor = "yellow"; console.log(k); } } { let k = 1; node.children[k].onclick = function(event) { event.target.style.backgroundColor = "yellow"; console.log(k); } } { let k = 2; node.children[k].onclick = function(event) { event.target.style.backgroundColor = "yellow"; console.log(k); } } 선생님 예제에서 for문에서 k 가 증가할때마다 k의 블록 스코프가 생성된다고 이해했습니다. 이해가 잘되지 않는 반복문은 풀어서 쓰면 이해가 잘됬어서 위의 코드처럼 반복문을 풀어썼는데 저렇게 이해하는게 맞는건가요? 블록으로 지정하지 않고 k를 선언하니까 var 로 선언했을 때와 같이 3으로 출력되서 let k 를 각각의 블록으로 묶었더니 예제와 같이 동작하지만 for문을 위와같은 형태로 풀어써본적이 없어서 질문드립니다!

조인태 0 2

질답