Javascript 데이터 할당 (기본형, 참조형, 중첩 객체도)
·
Programming/JavaScript
1. 기본형 DATAvar a;a = 'abc';a = 'abcdef';📍풀이 2. 참조형 DATAvar obj = { a: 1, b: 'bbb'};obj.a = 2;📍풀이객체에 있는 프로퍼티 값을 바꿀 때는 obj 값 주소는 그대로 @5005이게 된다.기본형에 비해서 참조형이 메모리 할당 과정에서 1단계를 더 거치기 때문이다. 그래서 기본형이 불변성이라는 것이다. 값이 바뀌지 않는다.  3. 중첩 객체도var obj = { x: 3, arr: [3, 4]};obj.arr = 'str';📍풀이@5004는 7104에서 참조하고 있었는데 obj.arr = 'str';을 하고나면 @5004를 참조하는 대상이 0이 된다. ( = 참조 카운트는 0이다)참조 카운트가 0이 되면 garba..
중간 퀴즈 2 풀이
·
Programming/JavaScript
1. Node 환경에서 자바스크립트 언어의 전역 객체는 [                ]이다.-> global 2. [               ]은 이벤트가 빈번하게 발생할 때, 마지막 이벤트만 실행하는 방법이다. (영어로 작성)-> debouncing 3.let a = 4;let b = a;let o1 = { a: b };let o2 = o1;a = 2;o2.a = 1;console.log(a + b + o1.a + o2.a);// 8 4. const a = 6;let b = 5;function f() { const a = 4; let b = 3; { const a = 2; const b = 1; } console.log(a + b);}f();// 7 5. let a = 5;fun..
중간 퀴즈 1 풀이
·
Programming/JavaScript
1. 자바스크립트 언어의 데이터 타입의 기본형은 00성을 가진다-> 불변 (변할 수 없는 성질) 2. 자바스크립트 언어는 데이터 타입을 000에 결정한다-> 런타임 3. let a = null;let b;console.log(a == b);// true 📍풀이a : null (빈 값)b : undefined (정의 되지 않음) "==" 과 "===" 차이"=="은 값만 평가한다"==="은 값과 type 둘을 동시에 평가한다.  a == b -> 둘 다 값이 없음 -> Truea === b -> 둘 다 값이 없지만 type이 서로 다름 -> False4. let a = 5;let b = a;let o1 = { a: b };let o2 = o1;a = 1;o2.a = 3;console.log(a + b +..
웹시스템개발 기말고사 핵심 정리 -2 디자인 패턴
·
Programming/JavaScript
팩토리 패턴다른 클래스의 객체를 생성하는 클래스로 객체의 생성을 한 곳에서 관리하는 패턴* 다른 클래스의 객체 : circle, square, triangle* 생성을 한 곳 : shape factory 팩토리 메소드 패턴추상 클래스를 상속한 클래스들이 컴포지션하는 추상 타입의 객체들을 메소드에서 생성하는 패턴*컴포지션 : 객체 합성 (객체나 클래스를 더 복잡한 자료구조나 모듈로 묶는 행위)'AnimalFactory' 추상 클래스와 그 아래 'DogFactory', 'CatFactory' 클래스가 각각 'Dog'와 'Cat' 객체를 생성하는 구조를 보여줍니다.추상 팩토리 패턴추상 메소드를 정의하는 패턴어떤 추상 메소드? 추상 타입의 객체를 생성하는 전략 패턴실행 중에 알고리즘(전략)을 선택할 수 있게 하..
웹시스템개발 기말고사 핵심 정리 -1
·
Programming/JavaScript
클로저어떤 함수 A에서 선언한 변수 a를 참조하는 내부함수 B를 외부로 전달할 경우 A의 실행 텍스트가 종료된 이후에도 변수 a가 사라지지 않는 현상 Javascipt 언어의 this 용법1. 전역 공간에서의 This    - Node 환경에서  this -> module.exports 객체    - 웹 브라우저 환경에서 this -> 전역 객체 2. 함수를 다양한 형태로 호출시 this가 가르키는 것    - 함수를 함수로써 호출 시 this -> 전역 객체    - 함수를 메소드로써 호출 시 this -> 메소드를 호출한 객체    - 함수를 생성자로써 호출할 시 this -> 생성되는 객체 3. 화살표 함수 : this 바인딩(x), 상위 스코프의 this를 가리킴4. call, apply 메소드는..
코어 자바스크립트 5장 클로저
·
Programming/JavaScript
클로저 - 컨텍스트 A에서 선언한 변수를 내부 함수 B에서 참조할 경우 발생하는 특별한 현상 - 어떤 함수 A에 선언된 변수 a를 참조하는 내부함수 B를 외부로 보냈을 떄, 실행컨텍스트가 종료한 후에도 변수 a 가 사라지지 않는 현상 - 함수 종료 후에도 사라지지 않는 지역변수를 만들 수 있다.