팩토리패턴과 프로토타입 만들기

자바스크립트에서 프로토타입, 팩토리패턴 함수를 이용하여 중복되는 것들을 공장처럼 찍어낼 수 있다. 위와 같은 스타캐릭터를 계속 찍어내는 공장이 있다. 이것을 자바스크립트 코딩으로 표현하면 아래와 같다. let starChar1 = { 이름: '테란', 공격력: 3, 체력: 10, 타입: '캐릭터', 공격: function(){/*공격코드*/}, 방어: function(){/*방어코드*/}, }; let starChar2…

0 Comments

오브젝트 복사와 참조 깊은복사 얕은복사 이해

오늘은 오브젝트 복사에 대해 알아봅니다. 원시값은 복사되고 오브젝트는 참조가 된다. 이말이 매우 중요함. 즉 숫자,문자,불린은 값자체가 복사되고 오브젝트,배열,함수는 단지 참조만 된다. 참조가 되면 참조한 값을 바꾸면 원본도 같이 바뀌게 된다. 이말이 이해가 안되어도 아래를 보면 이해 할 수 있다. 원시형 자료형인 숫자, 문자,…

0 Comments

자바스크립트 스코프(scope)

스코프 문제에서 기억해야할 4가지 1. 블록 안에서 선언된 let,const로 선언된 변수는 블럭범위(중괄호{}로 감싸진범위)를 벗어날 수 없다.2. 함수 안에서 var로 선언된 변수는 함수범위(function(){})를 벗어날 수 없다.3. 블록이나 함수 내부에서 변수를 찾다가 없으면 상위의 블록이나 함수에서 그래도 없으면 더 상위로 계속 올라가서 찾는다. 이런 것을…

0 Comments

자바스크립트 배열 정리 – 이것만은 꼭 알아 둬야 함

배열에 데이터를 추가/삭제 push - 배열의 끝에 데이터를 추가 함. unshift - 배열의 처음에 데이터를 추가 함. pop - 배열의 끝에 있는 데이터를 제거하고 그 값을 반환해줌. shift - 배열 처음에 있는 데이터를 제거하고 그 값을 반환해줌 배열 잘라내거나 합치기 splice(시작위치,갯수,...,데이터) - 시작위치부터…

0 Comments