ES5 Shallow Copy vs Deep Copy feat.Spread Operator {...} source: Spread Operator는 Deep Copy를 만들어준다 하지만 데이터가 nested 되어 있을 경우에는 nested data는 shallow copy가 된다. 따라서 nested 되어있는 부분도 deep copy 하려면 {...a, b: {...b.foods}}이런식으로 또 한번의 Spread Operator를 행해 주어야 한다 source:... deep copyspread operatorES5shallow copyES5 [React Document] JSX 소개 이 포스팅은 글을 보면서 React를 습득하면서 내용을 정리하기 위해 작성하는 포스팅입니다. React를 시작하기전에는 위와 같은 코드를 Vanillajs 에서 본적이 없었습니다. 위의 문법은 문자열도 아니고, HTML도 아닙니다. [F12]를 누르고 console창에 위의 코드를 입력한다면 다음과 같이 SyntaxError가 발생합니다. 왜냐하면 Vanillajs에서는 변수에 요소를 넣을수... ReactES5ES6JavaScriptES5 [JS Flow] 05. Closure 함수와 함수가 선언될 당시 lexical environment의 조합 -> 실행컨텍스트(A)에서 함수(B)를 선언한 상황 -> B의 outerEnvironmentReference는 A를 참조하게 된다. -> 실행컨텍스트 A에서 선언한 변수를 내부함수 B에서 접근할 경우의 상황 = 클로저의 feature -> (컨텍스트 A에서 선언한)변수 a를 참조하는 내부선언함수 B가 A의 외부로 전달될 경... ES5ES5 함수 객체의 프로퍼티와 arguments 코드를 보면 함수 func는 호출 시 단순히 1을 return 해주는, 함수 표현식으로 정의한 함수이지만 동적으로 prop와 method 프로퍼티를 추가해주었고 정상적으로 호출도 가능하다. 그렇다면 console.dir(func)을 이용해 함수 객체의 프로퍼티를 확인하면 어떤 결과가 나올까? 함수 표현식의 경우 함수명을 따로 정의하지 않으면 name 프로퍼티에는 변수명이 저장된다. argum... ES5ES5 JavaScript의 ES5 상속 상세 정보 ES5의 상속 ES5의 5가지 상속 방식: 원형 체인 계승 조합 계승 대상 사칭 상속 call이나 apply를 통해this의 방향을 바꾸고 부류의 구조 함수를 실행합니다 단점: 초류의 구조 함수만 계승할 수 있고 원형 체인의 방법을 계승할 수 없다 원형 체인 계승 부류의 실례화 대상을 부류의 원형에 부여한 계승 단점: 하위 클래스의 기존 속성과 방법을 덮어쓰고 상위 클래스의 속성과 방법만 실... JavaScriptES5계승 Vue2.0 ES6 구문 ES5 성능 저하 작업 일부 저버전의 휴대전화가 ES6 문법을 지원하지 않기 때문에 vue가 잘못 보고될 수 있습니다.인터넷의 각종 방법을 종합하여 나의 프로젝트는 마침내 ES5를 강등하는 데 성공하였다. 우선 플러그인 설치 npm install -D babel-preset-es2015 babel-core babel-preset-stage-2 babel-loader 프로필 편집 편집/build/webpack.bas... Vue2.0ES6다운그레이드ES5 ES5와 ES6의 애플리케이션 차이점 분석 가장 직관적으로 볼 수 있는 것은,function이다.apply () 함수에 대한 두 번째 전참 매개 변수 그룹은 선택할 수 있습니다. 호출된 함수에 매개 변수를 전달할 필요가 없을 때null,undefined 값을 전달하지 않거나 전달할 수 있습니다.기능 때문에.apply () 는 두 개의 매개 변수만 있기 때문에 실천 과정에서 첫 번째 매개 변수도 함께 전달하지 않고 원리적으로 실현 과정... ES5ES6apply TIL31: Parameters and Spread Operator 함수의 Parameter 즉, 전달인자의 갯수가 유동적일 경우 ES5에서는 arguments 라는 키워드를 활용했습니다. {0: 3, 1: 5, 2: 8, 3: 10} 즉 arguments 객체는 유사배열(Pseudo Array, Array-like Object)로써 배열 메소드는 사용할 수 없습니다. 한편 ES6에서는 Rest Parameter를 이용해 매개변수를 지정해 줍니다. 이 때 사... default parameterpseudo array전달인자array-like objectparameterES5rest parameterspread operatorargument유사 배열ES6매개변수arguments keywordES5
Shallow Copy vs Deep Copy feat.Spread Operator {...} source: Spread Operator는 Deep Copy를 만들어준다 하지만 데이터가 nested 되어 있을 경우에는 nested data는 shallow copy가 된다. 따라서 nested 되어있는 부분도 deep copy 하려면 {...a, b: {...b.foods}}이런식으로 또 한번의 Spread Operator를 행해 주어야 한다 source:... deep copyspread operatorES5shallow copyES5 [React Document] JSX 소개 이 포스팅은 글을 보면서 React를 습득하면서 내용을 정리하기 위해 작성하는 포스팅입니다. React를 시작하기전에는 위와 같은 코드를 Vanillajs 에서 본적이 없었습니다. 위의 문법은 문자열도 아니고, HTML도 아닙니다. [F12]를 누르고 console창에 위의 코드를 입력한다면 다음과 같이 SyntaxError가 발생합니다. 왜냐하면 Vanillajs에서는 변수에 요소를 넣을수... ReactES5ES6JavaScriptES5 [JS Flow] 05. Closure 함수와 함수가 선언될 당시 lexical environment의 조합 -> 실행컨텍스트(A)에서 함수(B)를 선언한 상황 -> B의 outerEnvironmentReference는 A를 참조하게 된다. -> 실행컨텍스트 A에서 선언한 변수를 내부함수 B에서 접근할 경우의 상황 = 클로저의 feature -> (컨텍스트 A에서 선언한)변수 a를 참조하는 내부선언함수 B가 A의 외부로 전달될 경... ES5ES5 함수 객체의 프로퍼티와 arguments 코드를 보면 함수 func는 호출 시 단순히 1을 return 해주는, 함수 표현식으로 정의한 함수이지만 동적으로 prop와 method 프로퍼티를 추가해주었고 정상적으로 호출도 가능하다. 그렇다면 console.dir(func)을 이용해 함수 객체의 프로퍼티를 확인하면 어떤 결과가 나올까? 함수 표현식의 경우 함수명을 따로 정의하지 않으면 name 프로퍼티에는 변수명이 저장된다. argum... ES5ES5 JavaScript의 ES5 상속 상세 정보 ES5의 상속 ES5의 5가지 상속 방식: 원형 체인 계승 조합 계승 대상 사칭 상속 call이나 apply를 통해this의 방향을 바꾸고 부류의 구조 함수를 실행합니다 단점: 초류의 구조 함수만 계승할 수 있고 원형 체인의 방법을 계승할 수 없다 원형 체인 계승 부류의 실례화 대상을 부류의 원형에 부여한 계승 단점: 하위 클래스의 기존 속성과 방법을 덮어쓰고 상위 클래스의 속성과 방법만 실... JavaScriptES5계승 Vue2.0 ES6 구문 ES5 성능 저하 작업 일부 저버전의 휴대전화가 ES6 문법을 지원하지 않기 때문에 vue가 잘못 보고될 수 있습니다.인터넷의 각종 방법을 종합하여 나의 프로젝트는 마침내 ES5를 강등하는 데 성공하였다. 우선 플러그인 설치 npm install -D babel-preset-es2015 babel-core babel-preset-stage-2 babel-loader 프로필 편집 편집/build/webpack.bas... Vue2.0ES6다운그레이드ES5 ES5와 ES6의 애플리케이션 차이점 분석 가장 직관적으로 볼 수 있는 것은,function이다.apply () 함수에 대한 두 번째 전참 매개 변수 그룹은 선택할 수 있습니다. 호출된 함수에 매개 변수를 전달할 필요가 없을 때null,undefined 값을 전달하지 않거나 전달할 수 있습니다.기능 때문에.apply () 는 두 개의 매개 변수만 있기 때문에 실천 과정에서 첫 번째 매개 변수도 함께 전달하지 않고 원리적으로 실현 과정... ES5ES6apply TIL31: Parameters and Spread Operator 함수의 Parameter 즉, 전달인자의 갯수가 유동적일 경우 ES5에서는 arguments 라는 키워드를 활용했습니다. {0: 3, 1: 5, 2: 8, 3: 10} 즉 arguments 객체는 유사배열(Pseudo Array, Array-like Object)로써 배열 메소드는 사용할 수 없습니다. 한편 ES6에서는 Rest Parameter를 이용해 매개변수를 지정해 줍니다. 이 때 사... default parameterpseudo array전달인자array-like objectparameterES5rest parameterspread operatorargument유사 배열ES6매개변수arguments keywordES5