전체 글

[ Javascript ] 얕은 복사 vs 깊은 복사

기본형 데이터와 참조형 데이터 자바스크립트에서 값은 원시값과 참조값으로 나뉩니다. 원시값 ( Primitive Value ) 객체가 아닌 데이터들 ( 기본 자료형 )을 의미하며, 변수에 메모리 공간에 실제 데이터 값이 저장됩니다. 할당된 변수를 조작하려하면 실제 값이 조작됩니다. Number String Boolean Null Undefinded Symbol 기본적으로 불변성이 유지됩니다. 참조값 ( Reference Value ) 객체를 의미하며 변수에 할당될 때, 값이 직접 해당 변수에 저장되지 않고 변수에 대한 데이터 참조만 저장됩니다. 얕은 복사 vs 깊은 복사 얕은 복사 ( Shallow Copy ) : 객체의 참조값 ( 주소 ) 을 복사 깊은 복사 ( Deep Copy ) : 객체의 실제 값을..

[ JavaScript ] ==, === 의 차이점

==, === 의 차이 자바스크립트는 기본적으로 타입이 매우 유연한 언어입니다. 보통 어떤 변수를 선언하면 형변환이 암시적으로 이루어지는데, 그래서 위에 짤 처럼 숫자와 문자를 같다고 하는 상황이 발생하는 것입니다. ==, === 은 각각 Equal Operator, Strict Equal Oprator 라고 부르고 느슨한 비교, 엄격한 비교라고 부르기도 합니다. 0 == false; // true 0 == ""; // true 1 == true; // true 1 == "1"; // true 1 == [1]; // true "1" == [1]; // true "1" == true; // true true == [1]; // true false == ""; // true false == null; // ..

[ JavaScript ] Arrow Function ( 화살표 함수 )

화살표 함수 ( Arrow Function ) 화살표 함수 표현(arrow function expression)은 전통적인 함수표현(function) 의 간편한 대안입니다. 하지만, 화살표 함수는 몇 가지 제한점이 있고 모든 상황에 사용할 수는 없습니다. 화살표 함수란 ES6 에서 처음 생긴 문법으로, 함수를 정의하는 방식 중 하나이다. 화살표를 선언해서 함수를 표현하는 방식이라 화살표 함수라는 이름이 붙여졌다. // Function Expression const add = function (a, b) { return a + b; }; // Arrow Function const add = (a, b) => a + b; 함수 표현식 보다 간단하게 함수를 나타낼 수 있습니다. 이렇게 간단하고 간결하게 표현되..