{"data":{"site":{"siteMetadata":{"title":"lastrites2018","author":"lastrites2018","siteUrl":"https://lastrites2018.netlify.com","comment":{"disqusShortName":"","utterances":"lastrites2018/gatsby-first-blog"},"sponsor":{"buyMeACoffeeId":""}}},"markdownRemark":{"id":"3857d572-c616-5022-8f75-276fbf4f5fc4","excerpt":"checkpoint 7~checkpoint 8 팁 개발자도구 - Eager evalution - 엔터 안 쳐도 값 볼 수 있음 공부할 부분 !! (애매한 값을 확실하게 Boolean 값으로 바꿔줌) contains -> mdn 찾아보고 사용할 것","html":"

checkpoint 7~checkpoint 8

\n
setTimeout(펑션, 시간)\n\n1. alice.sayHi(); // 호출\nfunction)(익명 함수를 만들어놓았고), 실행을 하는 것은 setTimeout이 한다. 1000 밀리 세컨즈 후에.\n1번은 앨리스가 실행하는 거고 실행을 하는 주체, 닷(dot) 잘 보면 된다.\n\n2. alice가 실행하는 것처럼 보이지만 function만 던져주고\nalice.sayHi-> 메소드만을 끄집어내는 것일뿐\nfunction.alert.this.name.sayhi()\n2번은 실행을 하는 것이 alert(this.name + 'says hi') 주체가 없기 때문에 window,\n그리고 실행은 안 한 상태로 메소드만 가져왔기 때문에 1초후에 실행\n\n3. 이건 함수\n주체에 alice를 bind\n\n4. setTimeout(alice.sayHi(), 1000)\n즉시 실행을 넣어버린 것 setTimeout 잘못 쓰는 예제\n\n6. call이기 때문에 즉시 실행. (call,apply 는 즉시 실행, bind는 새로운 함수를 반환해줌)\n\n이후는 녹화 강의 다시 들을 것.\n\n\ncheckpoint 08\ntime이랑 f를 받는데,\n\n비동기 영역 안에서는 순서가 없다\n비동기로 부른 애들이 불려나올 시간은 늘어날 수 있지만 줄어들 수는 없다\n\nwait(0, f) 비동기 영역\n// second 수가 중요한게 아니다. 비동기인 이상 일단 비동기 영역으로 방문하게 되어있다.\nconsole.log('hello') 동기\n\n\nwait(100, 함수)\nconsole.log('hello')\nwait(0,f)\n\n콜백을 통해 개별적으로 순서를 확정시켜줄 수 있음\n\n4. exercise(callback())\n\n6. function foo () {\n  var data = 10;\n\n  bar(function (players) {\n    data = players;\n  });\n  // 비동기는 저 멀리 여행 가버리고,\n  return data; // 리턴해버림.\n}\n\nfunction bar (callback) {\n  setTimeout(function () {\n    callback(20);\n  }, 500);\n\n7. 다시 공부해보기\n\n* 함수들이 아무리 많아도, 다 실행된 다음에 당장 콜 스택에 들어올 애들이 없을때 이벤트 루프에서 올려줌.
\n

팁

\n

개발자도구 - Eager evalution - 엔터 안 쳐도 값 볼 수 있음

\n

공부할 부분

\n

!! (애매한 값을 확실하게 Boolean 값으로 바꿔줌)

\n

contains -> mdn 찾아보고 사용할 것

","frontmatter":{"title":"Immersive Sprint - DATA Structure Day 4","date":"September 22, 2018"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/til/20180922 IM08D06 DATA Structure Day 4/","previous":{"fields":{"slug":"/til/20180921 IM08D05 DATA Structure Day 3/"},"frontmatter":{"title":"Immersive Sprint - DATA Structure Day 3","category":"TIL"}},"next":{"fields":{"slug":"/til/20180925 Instantiation Patterns/"},"frontmatter":{"title":"Instantiation Patterns","category":"TIL"}}}}