코린이의 개발 일지

자바스크립트에서 객체를 복사하면 원시타입을 복사했을 때와는 다르게 값이 복사 되지 않는다. 자바스크립트에서 객체 복사 자바스크립트에서 객체가 할당된 변수를 복사하면 객체의 참조 값이 복사되고 객체는 복사되지 않는다. let user = { name: "John" }; let admin = user; // 참조값을 복사함 admin.name = 'Pete'; // 'admin' 참조 값에 의해 변경됨 alert(user.name); // 'Pete'가 출력됨. 'user' 참조 값을 이용해 변경사항을 확인함 참조에 의한 비교 객체 비교시 동등 연산자(==)와 일치 연산자(===)는 동일하게 동작 비교시 변수가 가리키는 객체가 동일한 경우에 참을 반환 let a = {}; let b = a; // 참조에 의..

실행 컨텍스트란? 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 실행 컨텍스트는 소스코드를 실행하는 데 필요한 환경을 제공하고, 코드의 실행 결과를 실제로 관리하는 영역이다. 실행 컨텍스트의 정확한 정의를 이해하기 위해 먼저 소스코드의 평가와 실행에 대해 이해할 필요가 있다. 소스코드 타입 ECMAScript 사양은 소스코드를 4가지 타입으로 나눈다. 전역 코드: 전역에 존재하는 소스코드 함수 코드: 함수 내부에 존재하는 소스코드 eval 코드: 빌트인 전역 함수인 eval 함수에 인수로 전달되어 실행되는 소스코드 eval 함수란? ex) eval(’2+2’); eval() - JavaScript | MDN 문자열로 표현된 자바스크립트 코드를 실행하는 함수 module 코드: 모듈 내부에 존재하는..

프로토타입 기반 언어 자바스크립트는 흔히 프로토타입 기반 언어라고 부른다. ⇒ 이 말의 의미는 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체를 가진다는 의미이다. 이 말이 처음에는 잘 이해가 가지 않았다. 부모 객체로부터 상속이 된다면 class와 뭐가 다르다는 걸까? 우선 객체지향 프로그래밍에서의 상속개념과 같이 js의 모든 객체는 부모의 property, method를 물려받아 사용할 수 있다. 이때 이 부모 객체를 가리켜 Prototype 객체 혹은 prototype 이라고 한다. 그러니까 프로토타입 기반 객체지향 프로그래밍 언어는 클래스 없이(Class-less)도 (ECMAScript 6에서 클래스가 추가되었다) 객체를 생성할 수 있다. Prototype을 사용하는..

변수 네이밍 룰 변수, 함수: camelCase class : CamelCase 출력 console.log("hello"); // print()와 같다. 변수 선언 let va; // 변수 선언 va = 3; //초기값 넣기 가능 console.log(va); 상수 선언 const testvalue = 1; console.log(testvalue); 데이터 타입 Number : int/float 를 정의하는 타입 String Boolean null 값이 없음. null이라는 이름의 값 하나만 가질 수 있음. undefined 변수를 선언했는데, 값이 할당되지 않은 경우 object Symbol unique한 값을 만드는 데이터 타입 → 타입 알아보는 문법 const testvalue = 1; consol..