🤍 은지log 🤍

➕ 배열 추가 : Array.push() Array.unshift() Array.splice() let arr = [ 'a', 'b', 'c']; arr.push('d'); // arr = ['a', 'b', 'c', 'd'] 배열의 끝에 요소 추가 let arr = [ 'a', 'b', 'c']; arr.unshift('d'); // arr = ['d', 'a', 'b', 'c'] 배열의 앞에 요소 추가 let arr = [ 'a', 'b', 'c']; arr.splice(2,0,'d'); // arr = ['a', 'b', 'd', 'c'] index 2에 요소 추가 let arr = [ 'a', 'b', 'c']; arr.splice(4,0,'e','f'); // arr = ['a', 'b', '..

🎣 일급 객체 무명의 리터럴로 생성할수 있다. 즉, 런타임에 생성이 가능하다. 변수나 자료구조(객체,배열 등)에 저장할수 있다. 함수의 매개변수에 전달할수 있다. 함수의 반환값으로 사용할수 있다. 함수는 값을 사용할수 있는 곳(변수 할당문, 객체의 프로퍼티 값, 배열의 요소, 함수 호출의 인수, 함수 반환문)이라면 어디서든지 리터럴로 정의할 수 있으며 런타임에 함수 객체로 평가된다. 일급 객체로서 함수가 가지는 가장 큰 특징은 일반 객체와 같이 함수의 매개변수에 전달할 수 있으며, 함수의 반환값으로 사용할 수도 있다는 것이다. 함수는 객체 이지만 일반 객체와는 차이가 있다. 일반 객체는 호출할수 없지만 함수 객체는 호출할 수 있다. 그리고 함수 객체는 일반 객체에는 없는 함수 고유의 프로퍼티를 소유한다...

🎣 Object 생성자 함수 new연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 빈 객체를 생성한 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할수 있다. 생성자 함수란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라 한다. 🎣 생성자 함수 객체 리터럴에 의한 객체 생성 방식의 문제점 객체 리터럴에 의한 객체 생성 방식은 직관적이고 간편하다. 하지만 객체 리터럴에 의한 객체 생성 방식은 단 하나의 객체만 생성한다. 따라서 동일한 프로퍼티를 갖는 객체를 여러 개 생성해야 하는 경우 매번 같은 프로퍼티를 기술해야 하기 때문에 비효율적 이다. 객체 리터럴에 의해 객체를 생성하는 경우 프로퍼티 구조가 동일..

🎣 내부 슬롯과 내부 메서드 는 자바스트립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드 다. 이중 대괄호 [[...]]로 감싼 이름들이 내부 슬롯과 내부 메서드다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 자바스크립트는 내부 슬롯과 내부 메서드에 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지 않는다. 🎣 프로퍼티 어트리뷰트와 디스크립터 객체 자바스크립트 엔진은 프로퍼티를 생성할때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의 한다. (프로퍼티의 상태란 프로퍼티의 값, 값의 갱신 가능 여부, 열거 가능 여부, 재정의 가능 여부를 말한다.) 프로퍼티 어트리뷰트는 자바스크립트 엔진이 관이..

모든 식별자( 변수이름, 함수이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할수 있는 유효범위가 결정 된다. 스코프는 식별자가 유효한 범위를 말한다. 식별자는 어떤 값을 구별할 수 있어야 하므로 유일 해야 한다. 전역과 전역 스코프 ( Global Scope ) 전역이란 코드의 가장 바깥 영역을 말하고 전역 스코프를 만든다 전역변수는 어디서든지 참조할 수 있다. 지역과 지역 스코프 ( Local Scope ) 지역이란 함수 몸체 내부를 말하고 지역 스코프를 만든다 지역변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효 하다. ⭐️ 안에서는 밖을 볼 수 있지만 밖에서는 안을 볼 수 없고 접근이 안된다. 🛠전역 변수의 문제점 전역변수의 무분별한 사용은 위험하다. 전역..

함수는 자바스크립트에서 가장 중요한 핵심 개념이며, 또 다른 중요한 핵심 개념들( 스코프, 실행 컨텍스트, 클로저, 생성자 함수에 의한 객체 생성, 메서드, this, 프로토타입, 모듈화 등)과 깊은 관련이 있다. 함수는 다른 변수와 마찬가지로 변수에 할당이 되고 함수의 매개 변수로 전달이 되며 리턴값으로도 리턴이 된다. (Function Expression) 함수는 프로그램을 구성하는 기본적이 building block 이며 sub-program 이라고도 불리며 여러번 재사용 가능하다는 장점이 있다. 한가지 task 나 어떠한 값을 계산하기 위해 사용한다. ⭐️ 함수는 input 과 output이 중요하고 함수의 이름을 정하는것이 중요! function name(param1, param2) { body..

원시 타입과 객체 타입은 크게 세 가지 측면에서 다르다. 원시 타입의 값, 즉 원시 값은 변경 불가능한 값 이다. 이에 비해 객체 타입의 값, 즉 객체는 변경 가능한 값이다. 원시 값을 변수에 할당하면 변수에는 실제 값이 저장된다. 이에 비해 객체를 변수에 할당하면 변수에는 참조값이 저장된다. 원시값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달된다. 이를 값에 의한 전달 이라 한다. 이에 비해 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조값이 복사되어 전달된다. 이를 참조에 의한 전달 이라 한다. 💡 원시 타입과 참조 타입의 차이점은 원시타입은 불변성을 갖고있다는 것이고 깊은 복사 (원시 타입) 와 얕은 복사 ( 참조 타입) 의 차이점은 깊은 복사는 값을 복사하고 얕은복..

객체 자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 모든 것이 객체 이다. 📌 원시값을 제외한 나머지 값(함수,배열,정규 표현식 등)은 모두 객체다. 객체는 프로퍼티(객체의 상태를 나타내는 값data) 와 메서드(프로퍼티를 참조하고 조작할 수 있는 동작)로 구성된 집합체 이다. 프로퍼티 객체는 프로퍼티의 집합이며, 프로퍼티는 키(빈 문자열을 포함하는 모든 문자열 또는 심벌 값)와 값(자바스크립트에서 사용할수 있는 모든 값) 으로 구성 된다. let person = { // 프로퍼티 키는 name , 프로퍼티 값은 'Lee' name: 'Lee', // 프로퍼티 키는 age , 값은 20 age: 20 }; // {name: 'Lee' , age: 20} 메서드 프로퍼티 값이..

논리곱( && ) 연산자 'cat' && 'dog' // "dog" 논리곱(&&) 연산자는 두개의 피연산자가 모두 true로 평가될때 true를 반환한다. 논리곱 연산자는 좌항에서 우항으로 평가가 진행된다. 첫번째 피연산자 'cat'은 Truthy 값이므로 true로 평가된다. 하지만 두번째 피연산자가 위 논리곱 연산자 표현식의 평가 결과를 결정한다. 이때 논리곱 연산자는 논리 연산의 결과를 결정하는 두번째 피연산자, 즉 문자열 'dog'를 그대로 반환한다. 논리합( || ) 연산자 'cat' || 'dog' // "cat" 논리합( || ) 연산자는 두개의 피연산자 중 하나만 true로 평가되어도 true를 반환한다. 논리합 연산자도 좌항에서 우항으로 평가가 진행된다. 첫번째 피연산자 'cat'은 Tr..

개발자가 의도적으로 값의 타입을 변환 하는것을 명시적 타입 변환 또는 타입 캐스팅 이라 한다. let x = 10; // 명시적 타입변환 // 숫자를 문자열로 타입 캐스팅 한다. let str = x.toString(); console.log(typeof x,x) // number 10 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동변환 되는것을 암묵적 타입변환 또는 타입 강제 변환 이라 한다. let x = 10; // 암묵적 타입변환 // 문자열 연결 연산자는 숫자 타입 x의 값을 바탕으로 새로운 문자열을 생성한다. let str = x + ''; console.log(typeof str,str); // string 10 //x 변수의 값이 변경된 ..