{"data":{"site":{"siteMetadata":{"title":"lastrites2018","author":"lastrites2018","siteUrl":"https://lastrites2018.netlify.com","comment":{"disqusShortName":"","utterances":"lastrites2018/gatsby-first-blog"},"sponsor":{"buyMeACoffeeId":""}}},"markdownRemark":{"id":"381ee65b-da0d-595d-8173-8581d4359b22","excerpt":"check point 1-2 solution underbar rework each 와 map 차이 -> map은 무조건 리턴 for ~ of의 경우는 반복가능한 객체 ( , , , , , arguments 객체 등을 포함)에 대해서 사용 가능하다. Object에서는 쓸 수 없으나 아래와 같은 방법으로 사용 가능. (출처 - https://esdiscuss.org/topic/es6-iteration-over-object-values ) this review Strictly Equal…","html":"

check point 1-2 solution

\n
// check point 1\n\n6. call stack -> 순서대로 보기\n\n8. outer() 들어가자마자 x를 var로 새로 선언하고,\n   inner() 호출만 시키고, 리턴이 없기 때문에 글로벌 scope만 보면 됨.\n   만약 리턴을 해준다고 해도, 대입을 새롭게 해주지 않았기 때문에.\n   그냥 var x = 10;\n\nvar x = 10;\nfunction outer () {\n  var x = 20;\n  function inner () {\n    x = x + 10;\n    return x;\n  }\n  inner();\n}\n\nouter();\n\nvar result = x;\n\n\n9. inner의 x는 신경쓰지 않아도 되는 이유는\nvar로 새로 선언했기 때문에 local scope이기 때문.\n\nvar x = 10;\nfunction outer () {\n  x = 20;\n  function inner () {\n    var x = x + 20;\n    return x;\n  }\n  inner();\n}\n\nouter();\n\nvar result = x;\n\n// check point 2\n\n3. 3,4 번만 아니어도 어느정도 이해를 하고 있는 셈.\n\n4. 클로저의 정의 :\n외부 함수의 context에 접근할 수 있는 내부 함수\n\ninner, outer, 전역
\n

underbar rework

\n
var a = [1,2,3]\na.slice(0,0) // []; 마지막 0은 포함되지 않기 때문에 빈 배열\n\n//deeply equal 과 strictly equal\neql과 equal의 차이 질문\n\n// array.set -> 중복값 제거해줌
\n

each 와 map 차이 -> map은 무조건 리턴

\n\n
// 일반적인 for of 문\nfor (let value of iterable) {\n  statement\n}\n\n// object를 위한 변형\nfor (let [key, value] of Object.entries(myObj)) {\n  // do something with key and value\n}
\n

this review

\n
setTimeout//은 기본적으로 window binding, free function invocation\nfunction getSalarayFromServer(callback) {\n    setTimeout(function() {\n        callback(10000);\n    },1000};\n}\n\n\n// Name : undefined undefined Salary 10000 나오는 문제를 해결하기 위해\nfunction member() {\n    return {\n        first : 'Ingi',\n        last : 'Kim',\n        age : 40,\n        printDetail : function() {\n            //var that = this; 2번째 대안\n            getSalarayFromServer(function(salary) {\n                console.log(`Name: ${this.first} ${this.last}`);\n                console.log(`Salary : ${salary}`);\n            //}.bind(this)); 1. 대안은 bind\n        \t}\n        }\n\n    }\n// ES5의 this는 어디에서보다 어떻게 호출되는지가 중요했으나\n// arrow function을 사용한 함수는 어디에서 호출되는지만 고려해도 됨\n// arguments를 바인딩하지 않음(REST 파라미터 사용)\n//
\n
// Arrow를 안 쓰는 게 직관적인 경우도 있다.\nvar Foo = () => {}\nvar foo = new Foo() // error
\n

Strictly Equal vs Deeply equal

\n

Strictly Equal은 === 완전히 동일한 객체를 자신과 비교

\n

Deeply Equal은 동일한 값은 갖지만 === 하지는 않은(자신과는 비교하지 않음)

\n

Object.keys

\n

Object.values

\n

[key,value] Object.entries (key 값과 value 값을 쌍으로 받아옴)

\n

throttle vs debounce 예제

\n

http://jsfiddle.net/missinglink/19e2r2we

\n

Throttle, Debounce 개념 잡기 (검색 키워드 throttle 예시)

\n

그외 참조

\n

자바스크립트 현재시간 timestamp

\n
timestamp = +new Date()
","frontmatter":{"title":"Immersive Sprint - underbar review","date":"September 18, 2018"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/til/20180918 IM08D02 underbar review/","previous":{"fields":{"slug":"/til/20180917 IM08D01 OT/"},"frontmatter":{"title":"이머시브 8기 오리엔테이션","category":"TIL"}},"next":{"fields":{"slug":"/til/20180919 IM08D03 DATA Structure Day 1 - OOP, QueueStack/"},"frontmatter":{"title":"IM08D03 DATA Structure Day 1 - OOP, QueueStack","category":"TIL"}}}}