profile
사람들의 더 나은 삶을 위한 개발자
post-thumbnail

[모던 자바스크립트] 24. 클로저

24.1 렉시컬 스코프 자바스크립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 이를 렉시컬 스코프(정적 스코프)라 한다.

2023년 8월 21일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트] 23. 실행 컨텍스트

전역 코드는 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성해야 한다. 그리고 var 키워드로 선언된 전역 변수와 함수 선언문으로 정의된 전역 함수를 전역 객체의 프로퍼티와 메서드로 바인딩하고 참조하기 위해 전역 객체와 연결되어야 한다. 이를 위해 전역

2023년 8월 7일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트] 22. this

동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다. 이때 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 먼저 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다.객체 리터럴 방식으로 생성한 객체의 경우 메서드

2023년 8월 4일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트] 21. 빌트인 객체

문자열이나 숫자, 불리언 등의 원시값이 있는데도 문자열, 숫자, 불리언 객체를 생성하는 String, Number, Boolean 등의 표준 빌트인 생성자 함수가 존재하는 이유는 무엇일까?아래 예제를 보면 원시값은 객체가 아니므로 프로퍼티나 메서드를 가질 수 없다. 하

2023년 8월 2일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트] 19. 프로토타입

객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다.실세계의 실체는 특징이나 성질을 나타내는 속성을 가지

2023년 7월 31일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트] 17. 생성자 함수에 의한 객체 생성

new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다.생성자 함수란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라 한다.객체 리터럴에 의한 객체 생성 방식은 단 하나

2023년 7월 28일
·
2개의 댓글
·
post-thumbnail

[모던 자바스크립트] 16. 프로퍼티 어트리뷰트

자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다. 프로퍼티의 상태란 프로퍼티의 값(value), 값의 갱신 가능 여부(writable), 열거 가능 여부(enumerable), 재정의 가능 여부(conf

2023년 7월 24일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트] 15. let, const 키워드와 블록 레벨 스코프

var 키워드로 선언한 x 변수와 y변수는 중복 선언되었다.이처럼 var 키워드로 선언한 변수를 중복 선언하면 초기화문 유무에 따라 다르게 동작한다. 초기화문이 있는 변수 선언문은 자바스크립트 엔진에 의해 var 키워드가 없는 것처럼 동작하고 초기화문이 없는 변수 선언

2023년 7월 23일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트] 14. 전역 변수의 문제점

전역변수는 런타임 이전에 자바스크립트 엔진에 의해 먼저 생성되고 undefined로 초기화가 된다. 하지만 함수 내부에서 선언된 지역 변수는 함수가 호출되어 실행되는 동안에만 유효하다. 즉,지역변수의 생명 주기는 함수의 생명 주기와 일치한다.(1)번 x는 foo()함수

2023년 7월 21일
·
2개의 댓글
·
post-thumbnail

[모던 자바스크립트] 13. 스코프

모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 잣니이 ㅅ너언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정된다. 이를 스코프라 한다. 즉, 스코프는 식별자가 유효한 범위를 말한다.다음 코드가 어떻게 동작할지 생각해보자var 키워드

2023년 7월 20일
·
1개의 댓글
·
post-thumbnail

[모던 자바스크립트] 12. 함수

함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다.함수를 사용함으로써 유지보수의 편의성을 높이고, 코드의 신뢰성을 높힌다. 뿐만아니라 코드의 재사용이라는 측면에서 매우 유용하고, 코드의 가독성을 향상시킨다.위 예시처럼 함수도

2023년 7월 19일
·
1개의 댓글
·
post-thumbnail

[모던 자바스크립트] 11. 원시 값과 객체의 비교

• 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이다. 이에 비해 객체(참조)타입의 값, 즉 객체는 변경 가능한 값이다. • 원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장된다. 이에 비해 객체를 변수에 할당하면 변수(확보된 메모리 공간)에

2023년 7월 18일
·
2개의 댓글
·
post-thumbnail

[모던 자바스크립트] 10. 객체 리터럴

10.1 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 "모든 것"이 객체이다. 원시 값을 제외한 나머지 값은 모두 객체이다. 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이지만 객체 타입의 값, 즉 객체는 변경 가능한 값이다

2023년 7월 17일
·
2개의 댓글
·
post-thumbnail

[모던 자바스크립트] 09. 타입 변환과 단축 평가

개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라 한다.개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동변환되기도 한다. 이를 암묵적 타입 변환 또는 타입 강제 변환 이라고한다.위 예

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

[모던 자바스크립트 - Deep Dive] 06. 데이터 타입

출처 : 모던자바스크립트 Deep-Dive 변수 > 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 즉, 값의 위치를 가리키는 (메모리의) 상징적인 이름이다. 변수가 존재하면 , 메모리를 직접 접근

2023년 3월 22일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트 - Deep Dive] 05. 표현식과 문

출처 : 모던 자바스크립트 - Deep Dive 값이란? >값은 식이 평가되어 생성된 결과를 말한다.

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

[모던 자바스크립트 - Deep Dive] 04. 변수

변수 > 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 즉, 값의 위치를 가리키는 (메모리의) 상징적인 이름이다. 변수가 존재하면 , 메모리를 직접 접근 할 수 없는 구조에서 , 값을 재사용 할 수

2023년 2월 27일
·
0개의 댓글
·