프론트엔드 정복하기

구조 분해 할당(Destructuring Assignment) 구문은 배열이나 객체의 속성을 해체해서 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. var foo = ["one", "two", "three"]; var [one, two, three] = foo; console.log(one); // "one" console.log(two); // "two" console.log(three); // "three" 배열 구조 분해 변수에 기본 값을 할당하면, 분해한 값이 undefined일 때 그 값을 대신 사용한다. (객체도 동일) var a, b; [a=5, b=7] = [1]; console.log(a); // 1 console.log(b); // 7 필요하지 않은 반환 값을..

https://babeljs.io/repl/#?browsers=defaults%2C%20not%20ie%2011%2C%20not%20ie_mob%2011&build=&builtIns=false&spec=false&loose=false&code_lz=GYVwdgxgLglg9mABACwKYBt1wBQEpEDeAUIogE6pQhlIA8AJjAG4B8AEhlogO5xnr0AhLQD0jVgG4iAXyJA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=react&prettier..

[ CommonJS 방식 ] 1. 내보내기 1) 단일 객체 : module.exports : 변수 자체에 할당 ex) module.exports = { 여러 개의 function이 들어갈 수도 있음 } 2) 복수 객체 : exports : 변수의 속성으로 할당 ex) exports . A = function 1 / exports . B = function 2 2. 불러오기 1) 단일 객체 : require : 변수를 통해 접근 ex) const ABC = require ( "경로 or " ) ABC.A / ABC.B 2) 복수 객체 : require : 한번에 불러와 속성 이용 ex) const ABC = require ( "경로 or " ) ABC.A / ABC.B [ ES6 방식 ] 1. 내보내기 1..