자바스크립트

객체를 다루다보면 복사를 하고 싶은 경우가 생기는데요 복사에도 두가지의 개념이 있어요. 깊은복사(Deep copy) 얕은복사(Shallow copy)! 그 전에 자바스크립트에서 원시타입과 참조타입에 대해서 알고 있어야 합니다. 간단하게 알아보고 넘어가죠 자바스크립트에서 원시타입엔 Number, BigInt, String, Boolean, Null, Undefined, Symbol 7 개의 타입이 있고 그 외는 객체(참조)타입으로 이루어져 있습니다. 🔹원시타입은 변수에 값 자체를 할당 num변수에 100을 할당하면 변수 메모리 공간에 값 자체가 할당이 되요 그렇기 때문에 num2에 num 값을 대입하고 num의 값을 바꿔도 num2는 그대로 값 100을 유지합니다 🔹참조타입은 변수에 참조값(메모리 주소)을..

자바스크립트에서 데이터 종류는 2가지로 나눕니다. 기본형(원시형) primitive type : null,undefined, string, boolean , number 참조형 reference type : object(array,function,regExp) 기본형 var a ; 변수를 선언하면 컴퓨터는 변수 a 의 메모리주소값을 확보합니다. 마치 방을 주는 것처럼요 주소값을 방으로 비유하겠슴다 컴퓨터 : 엇 변수 a .. 너는 10000번 방을 줄게 a에게 10000방을 줬으니 a는 주소값이 10000입니다. a = 3; 변수 a 에게 값을 할당하면? a가 10000번방에 있으니 10000번방을 찾아가서 3을 할당하죠 이렇게 기본형 데이터는 값을 그대로 할당시킵니다. 직진! 참조형 참조형데이터는 객체..

call stack ! 자바스크립트 공부하다보면 많이 들어봤으셨을 텐데요, 자바스크립트는 단일호출스택이 있습니다. 호출할 함수를 스택으로 쌓아놓고 위에서 하나씩 순차적으로 처리해나간다는 거죠 하나의 함수가 실행되면 다른 함수는 못쓴다! 이겁니다 함수를 실행시키면 call stack에 함수가 push 되고 그 함수의 실행이 끝나면 함수가 pop되는데요 밑에 코드를 보며 알아볼까요 function one(){ console.log('1') } function two(){ function three(){ console.log('3') } three() console.log('2') } one() two() 위의 코드를 실행시켜보겠습니다. 자 먼저 one 함수를 불러오겠죠? 그럼 스택에 one 함수가 호출이 됩..

javascript 배열 메소드인 filter 함수를 알아보겠습니다. filter 함수는 특정 조건에서 true 인 결과만 뽑아 새로운 배열로 리턴해 주는 함수입니다. 이 함수에서 매개변수를 사용할수 있는데요 arr.filter(callback(element[, index[, array]])[, thisArg]) - callback 1.element : 호출할 배열의 요소 2.index : 요소 인덱스 3.array : 호출할 배열 -thisArg 콜백에서 this 그럼 예제를 통해 알아볼까요 var fruit = ['사과','메론','수박','바나나']; var fruitBox = fruit.filter(function(el,idx,arr){ return el.length == 2; }) console..

객체를 생성하는 함수를 생성자 함수라고 한다.자바스크립트에서 생성자는 new 연산자와 함께 사용된다.바로 함수옆에 new를 붙여주는 것이다. 자세한건 예제를 통해 알아보자 생성자함수를 만들때에는 함수의 첫문자는 대문자부터 시작해야한다.왜냐하면 일반함수인지 생성자함수인지 구분하기 위해서이다이것은 규칙이라고 하니 규칙을 지키자! function Fruits(name){ this.name = name; this.intro = function(){ console.log(this.name + '는(은) 과일중에 제일 맛있어'); } } 함수에 name이라는 매개변수를 넣어놨다.그렇다면 여기서 this가 가르키는 것은 무엇일까다음 예제를 통해 알아보자 function Fruits(name){ this.name = ..

전역객체는 모든 객체의 최상위에 있는 유일한 객체를 의미한다.그럼 자바스크립트에서 전역객체는 무엇일까바로 widnow 객체이다. window 객체는 웹브라우저의 창을 나타내는 객체로 대부분의 웹브라우저에서 지원하고 있다. 예제를 통해 조금 더 자세히 알아보자 12345 function test(){ alert('hello') } test();cs 일반적으로 함수를 불러와보자결과는 alert 창이 뜬다 123456 function test(){ alert('hello') } window.test();cs 함수 옆에 window를 붙였더니 결과는 위에 코드와 똑같다. 이말은 test함수가 window라는 객체의 메소드가 된것이다. 그럼 전역변수들은? 그렇다 window라는 객체의 프로퍼티 이다. 우리가 만드..