코어자바스크립트 [Core Javascript] JS 분석 from scratch: 데이터 타입 비교 기본형과 참조형 🧐 > 기본형과 참조형 구분 기준이 뭐지..?! JS의 데이터 타입에는 기본형과 참조형이 있다는 것은 다들 아실겁니다. 불변값: 메모리의 값을 저장할 때 데이터의 영역은 지워지지 않는다. 가변값: 메모리의 값을 저장할 때 변수 영역의 데이터는 바뀔 수 있다. 이것을 가변값이라고 한다. 기본형 데이터의 할당 => 기본형 데이터는 모두 불변값입니다. 이전 글에 컴퓨터의 메모리는 값을 변수 영역과 메... 기본형데이터타입코어자바스크립트참조형기본형 코어자바스크립트 | 실행컨텍스트 실행할 때 필요한 환경 정보들을 모아놓은 객체 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 여기서 "동일한 환경" , 즉 하나의 실행 컨텍스트를 구성할 수 있는 방법으로 어떤 실행컨텍스트가 활성화 될 때, 자바스크립트 엔진은 해당 컨텍스트에 관련된 코드들을 실행하는 데 필요한 환경 정보들을 수집해 실행 컨텍스트 객체에 저장. 실행 컨텍스트를 구성하는... 자바스크립트코어자바스크립트자바스크립트 [JS] JS는 왜 그렇게 동작할까?-실행컨텍스트,호이스팅,스코프 정재남,『코어자바스크립트』를 읽고 정리한 내용입니다. 이해가 부족한 부분은 책과 동일하게 작성하였습니다. 실행 컨텍스트는 실행할 코드에 제공하 환경 정보들을 모아놓은 객체이다. 스택(Stack) : 출입구가 하나뿐인 데이터 구조, Last In-First Out 큐(Queue) : 양쪽이 모두 열려있는데이터 구조, First In-First Out 그렇다는 것은 호이스팅으로 끌어올리는데 있어... 코어자바스크립트큐실행컨텍스트스코프자바스크립트스택스코프 [TIL] 1. 데이터타입 모든 데이터는 메모리 주소값을 통해 서로 구분하고 연결할수 있다. '변할수 있는 데이터를 만든다. 변수: 변경 가능한 데이터가 담길수 있는 공간[변할수 있는 데이터(문자열 ,객체 ,배열)] 데이터를 할당할때 변수영역 ,데이터 영역으로 구분된다. 데이터를 변수영역이 아닌 데이터 영역에 저장한다 그 이유는 만약 미리 확보한 공간 내에서만 데이터 변환을 할수 있다면 변환한 데이터를 다시 저장하기 ... TIL코어자바스크립트TIL [JS]CoreJavaScript-Ch1 우선, 데이터 타입은 크게 두가지로 나뉘게 된다. 기본형 : 숫자, 문자, null, undefined, boolean, symbol ... 참조형 : 객체, 배열, 함수, 정규표현식, 날짜 ... 변수 선언과 데이터 할당의 기본적 Flow 변수 선언 : 'a'(식별자 이름)로 검색할 수 있는 주소값에 공간을 할당 데이터 할당: 그 빈 공간에 데이터를 그대로 넣는것이 아니다! 'abc'만의 ... 코어자바스크립트JavaScript책리뷰JavaScript 기본형, 참조형 데이터의 차이 기본형은 불변성을 띄고 참조형은 가변성을 띈다. 기본형은 값이 담긴 주소 값을 바로 복제하는 반면 참조형은 값이 담긴 주소 값으로 이루어진 묶음을 가리키는 주솟값을 복제한다는 점이 다르다. 변수 a에 문자열 'abc'를 할당했다가 뒤에 'def'를 추가하면 기존의 'abc'가 'abcdef'로 바뀌는 것이 아니라 새로운 문자열 'abcdef'를 만들어 그 주소를 변수 a에 저장한다. 결국 값... 코어자바스크립트코어자바스크립트 [JS] 자바스크립트의 데이터 타입 컴퓨터 용어에서 변수(variable)은 '변할 수 있는 무언가'를 뜻하는데, 여기서 무언가는 데이터를 말한다. 데이터를 저장하기 위한 별도의 메모리 공간을 다시 확보해서 "kimdaeseong"을 저장하고, 그 주소를 변수 영역에 저장한다고 한다. 이 책의 저자분께서는 해당 내용의 이해를 돕기 위해 '변수 영역'과 '데이터 영역'으로 데이터 성질을 구분해서 설명하는데, 이해에 도움이 되기 ... JavaScriptstudy코어자바스크립트JavaScript TIL 82 | 코어자바스크립트(2) this 2 상황별로 this에 값이 바인딩 되는 규칙을 깨고 별도의 대상을 바인딩 하는 방법도 있다. call 메서드는 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령어이다. 이렇게 하면 함수가 실행되어도 this가 전역객체를 참조하는 것이 아니라 임의의 지정된 객체를 바라보게 된다. 메서드로서 호출할 때도 call 메서드를 이용하면 this가 객체가 되는 것이 아니라 지정된 객체를 바라본다!!... 코어자바스크립트thisJavaScriptTILJavaScript 코어 자바스크립트 06 | 프로토타입 자바스크립트는 프로토타입 기반 언어이다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형(원래 형태)으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻는다. 어떤 생성자 함수(new)를 new 키워드와 함께 호출하면 생성자 함수에서 정의된 내용을 바탕으로 새 인스턴스(instance)가 생성된다. 이때 인스턴스에서는 __proto__라는 프로... 코어자바스크립트코어자바스크립트 TIL 53 day 3장 This this는 실행 컨텍스트가 생성될 때 함께 결정 => 함수를 호출 할 때!! 메서드로 호출 : 함수 앞에 (.)이나 []가 있을 경우 메서드 내부의 this 메서드 내부 함수의 this 우회 방법 화살표 함수(ES6 추가) 콜배 함수 호출 시 해당 함수 내부에서의 this 콜백함수도 함수 3)의 경우 html 엘리먼트에 'click'이벤트 => 콜백함수의 첫번째 인자로 삼아 함수 실행 => ... this코어자바스크립트this
[Core Javascript] JS 분석 from scratch: 데이터 타입 비교 기본형과 참조형 🧐 > 기본형과 참조형 구분 기준이 뭐지..?! JS의 데이터 타입에는 기본형과 참조형이 있다는 것은 다들 아실겁니다. 불변값: 메모리의 값을 저장할 때 데이터의 영역은 지워지지 않는다. 가변값: 메모리의 값을 저장할 때 변수 영역의 데이터는 바뀔 수 있다. 이것을 가변값이라고 한다. 기본형 데이터의 할당 => 기본형 데이터는 모두 불변값입니다. 이전 글에 컴퓨터의 메모리는 값을 변수 영역과 메... 기본형데이터타입코어자바스크립트참조형기본형 코어자바스크립트 | 실행컨텍스트 실행할 때 필요한 환경 정보들을 모아놓은 객체 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 여기서 "동일한 환경" , 즉 하나의 실행 컨텍스트를 구성할 수 있는 방법으로 어떤 실행컨텍스트가 활성화 될 때, 자바스크립트 엔진은 해당 컨텍스트에 관련된 코드들을 실행하는 데 필요한 환경 정보들을 수집해 실행 컨텍스트 객체에 저장. 실행 컨텍스트를 구성하는... 자바스크립트코어자바스크립트자바스크립트 [JS] JS는 왜 그렇게 동작할까?-실행컨텍스트,호이스팅,스코프 정재남,『코어자바스크립트』를 읽고 정리한 내용입니다. 이해가 부족한 부분은 책과 동일하게 작성하였습니다. 실행 컨텍스트는 실행할 코드에 제공하 환경 정보들을 모아놓은 객체이다. 스택(Stack) : 출입구가 하나뿐인 데이터 구조, Last In-First Out 큐(Queue) : 양쪽이 모두 열려있는데이터 구조, First In-First Out 그렇다는 것은 호이스팅으로 끌어올리는데 있어... 코어자바스크립트큐실행컨텍스트스코프자바스크립트스택스코프 [TIL] 1. 데이터타입 모든 데이터는 메모리 주소값을 통해 서로 구분하고 연결할수 있다. '변할수 있는 데이터를 만든다. 변수: 변경 가능한 데이터가 담길수 있는 공간[변할수 있는 데이터(문자열 ,객체 ,배열)] 데이터를 할당할때 변수영역 ,데이터 영역으로 구분된다. 데이터를 변수영역이 아닌 데이터 영역에 저장한다 그 이유는 만약 미리 확보한 공간 내에서만 데이터 변환을 할수 있다면 변환한 데이터를 다시 저장하기 ... TIL코어자바스크립트TIL [JS]CoreJavaScript-Ch1 우선, 데이터 타입은 크게 두가지로 나뉘게 된다. 기본형 : 숫자, 문자, null, undefined, boolean, symbol ... 참조형 : 객체, 배열, 함수, 정규표현식, 날짜 ... 변수 선언과 데이터 할당의 기본적 Flow 변수 선언 : 'a'(식별자 이름)로 검색할 수 있는 주소값에 공간을 할당 데이터 할당: 그 빈 공간에 데이터를 그대로 넣는것이 아니다! 'abc'만의 ... 코어자바스크립트JavaScript책리뷰JavaScript 기본형, 참조형 데이터의 차이 기본형은 불변성을 띄고 참조형은 가변성을 띈다. 기본형은 값이 담긴 주소 값을 바로 복제하는 반면 참조형은 값이 담긴 주소 값으로 이루어진 묶음을 가리키는 주솟값을 복제한다는 점이 다르다. 변수 a에 문자열 'abc'를 할당했다가 뒤에 'def'를 추가하면 기존의 'abc'가 'abcdef'로 바뀌는 것이 아니라 새로운 문자열 'abcdef'를 만들어 그 주소를 변수 a에 저장한다. 결국 값... 코어자바스크립트코어자바스크립트 [JS] 자바스크립트의 데이터 타입 컴퓨터 용어에서 변수(variable)은 '변할 수 있는 무언가'를 뜻하는데, 여기서 무언가는 데이터를 말한다. 데이터를 저장하기 위한 별도의 메모리 공간을 다시 확보해서 "kimdaeseong"을 저장하고, 그 주소를 변수 영역에 저장한다고 한다. 이 책의 저자분께서는 해당 내용의 이해를 돕기 위해 '변수 영역'과 '데이터 영역'으로 데이터 성질을 구분해서 설명하는데, 이해에 도움이 되기 ... JavaScriptstudy코어자바스크립트JavaScript TIL 82 | 코어자바스크립트(2) this 2 상황별로 this에 값이 바인딩 되는 규칙을 깨고 별도의 대상을 바인딩 하는 방법도 있다. call 메서드는 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령어이다. 이렇게 하면 함수가 실행되어도 this가 전역객체를 참조하는 것이 아니라 임의의 지정된 객체를 바라보게 된다. 메서드로서 호출할 때도 call 메서드를 이용하면 this가 객체가 되는 것이 아니라 지정된 객체를 바라본다!!... 코어자바스크립트thisJavaScriptTILJavaScript 코어 자바스크립트 06 | 프로토타입 자바스크립트는 프로토타입 기반 언어이다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형(원래 형태)으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻는다. 어떤 생성자 함수(new)를 new 키워드와 함께 호출하면 생성자 함수에서 정의된 내용을 바탕으로 새 인스턴스(instance)가 생성된다. 이때 인스턴스에서는 __proto__라는 프로... 코어자바스크립트코어자바스크립트 TIL 53 day 3장 This this는 실행 컨텍스트가 생성될 때 함께 결정 => 함수를 호출 할 때!! 메서드로 호출 : 함수 앞에 (.)이나 []가 있을 경우 메서드 내부의 this 메서드 내부 함수의 this 우회 방법 화살표 함수(ES6 추가) 콜배 함수 호출 시 해당 함수 내부에서의 this 콜백함수도 함수 3)의 경우 html 엘리먼트에 'click'이벤트 => 콜백함수의 첫번째 인자로 삼아 함수 실행 => ... this코어자바스크립트this