analogcoding

체크포인트 스코프와 클로져 어제 체크포인트 문제들을 리뷰하는 시간. 헷깔렸던 문제들 정리. var x = 10; // 전역변수 x function outer () { var x = 20; // outer 함수 내부에서 x는 20 function inner () { return x; // 20을 리턴 } return inner(); } var result = outer(); console.log(result) // 20 var x = 10; function outer () { var x = 20; function inner () { x = x + 10; // outer 안에 선언된 x 의 값은 30이 된다. return x; } inner(); } outer(); var result = x; // 하지만 ..

첫 수업 시작. 간단한 OT 를 시작으로 오전 시간이 지나가고 오후부터 본격적인 수업이 시작됬다. 가장 먼저 시작된 수업은 Effective Pair Programming and Feedback 페어프로그래밍을 하면서 네비게이터와 드라이버로 나뉘어 작업하는 방법을 다시 숙지하고 페어프로그래밍의 목적을 배우고 서로에게 긍정적인 영향을 줄 수 있는 피드백 방향에 대해 이야기를 나누었다. Simple Git Workflow git 을 이용한 간단한 명령어 몇가지를 복습하고 평소와 같이 fork - clone 작업을 마친 후 다른 사람과 함께 작성하고 git 을 통해 유지보수를 할 수 있는 방법인 remote 에 대해 간단히 배웠다. 서로 같은 master branch 에서 clone 하고 1. git remo..

인자의 기본 값을 주는 예시 예시로 주어진 함수의 경우 인자가 하나만 주어지면 NaN 이 리턴된다. 인자가 없으면 1 이라는 조건을 주거나 이런식으로 주는 방법이 있다.

Destructuring은 구조화된 배열 또는 객체를 비구조화하여 개별적인 변수에 할당하는 것이다. 배열 또는 객체 리터럴에서 필요한 값만을 추출하여 변수에 할당하거나 반환할 때 유용하다. 배열의 각 요소를 배열로부터 추출하여 변수 리스트에 할당한다. 이때 추출/할당 기준은 배열의 인덱스. 활용예시

일반적인 함수의 경우 this 가 참조하는 값을 binding 해줘야한다. arrow function 을 사용하지 않을 때 this === window 가 true 이다. this.pruntData() 는 이미 myObj 를 바라보고 있어서 window가 아니기 때문에 bind로 this를 묶어줘야 한다. 그렇지만 arrow function을 사용할 경우 binding을 따로 해주지 않아도 바로 연결된다. 그렇지만 this 가 window 를 바라보는 것은 아니다. bind 를 생략한 상태에서도 context 를 유지하기 때문에 'where is this' 가 출력된다.

let arr = [1,2,3,4].map(function(v){ return v * 2; }); ES5 let arr2 = [1,2,3,4].map( (v)=>{ return v * 2; }) ES6 let arr2 = [1,2,3,4].map( (v) =>( v * 2)) 축약​ 기존 function 보다 짧게 , 가독성 있게 사용할 수 있다. ES6 이전 setTimeOut(function(){ console.log('hello') },1000) ES6 arrow function setTimeOut( ()=>{ console.log('arrow'); },1000)

객체의 키와 값이 같을 경우 ES5에서 프로퍼티 키를 동적으로 생성하려면 객체 외부에서 obj[key] 를 사용해야 했지만 ES6에서는 객체 내부에서도 프로퍼티 키를 동적으로 생성할 수 있다.

펼침 연산자의 예시 배열의 요소로 카피한 요소를 그대로 펼쳐서 그 자리에 넣을 수도 있다. spread operator 사용 이점의 예시 배열의 각 요소들을 하나씩 함수의 인자로 써야하는 예시일 때 apply 를 사용해서 하나 씩 받았다면 spread operator 를 사용해서 배열을 복사하지 않고 바로 펼쳐서 인자로 사용할 수 있다. rest 파라미터 rest 파라미터(Rest Parameter)는 Spread 연산자(...)를 사용하여 파라미터를 정의한 것을 의미한다. rest 파라미터를 사용하면 요소를 함수 내부에서 배열로 전달받을 수 있다. rest 파라미터는 마지막에만 쓸 수 있다.