속 싶은 자바스크립트 7장 : 자바스크립트 성능과 사용자 경험 개선 script위치와 lazyloadscript 태그의 위치는 body 태그 아래쪽에 위치해야한다. 아니면 lazyload 방식을 이용하여 html과 css가 먼저 load되어 화면이 렌더링 된 후 script를 호출하도록 해야 한다. (function () { var previousOnload; if (window.addEventListener) { window.addEventListener("load", lazyload); } else if (window.attachEvent) { window.attachEvent("onload", lazyload); } else if (window.onload) { previousOnload = win..

속 깊은 자바스크립트의 6장 : 브라우저 환경에서의 자바스크립트를 요약 단일스레드setTimeout() 시간을 0 으로 설정해 놓는다면 어떤 일이 벌어질까? 직관적으로 바로 시작된다고 생각했다. 물론 맞는 얘기일수도 있다. 하지만 정확히 실행 시간이 아닌 실행 큐에 들어가는 시간을 이야기 한다. 자바스크립트는 단일스레드다. 일하는 놈이 한 놈 밖에 없다. 한 놈이 모든 실행을 처리한다. 이 놈이 일 할 실행 순서를 담아 놓는 큐가 있는데 setTimeout()의 시간설정은 큐에 들어가는 시간을 설정하는 것이다. 만약 setTimeout(func, 0) 으로 실행될 함수 func가 큐에 들어갔는데 그보다 앞서 실행순서를 기다리고 있던 함수들이 있다고 한다면 함수들의 실행이 모두 끝난 후 func가 실행된다..

소셜 애니멀 - 데이비드 브룩스 가상의 두 주인공의 일생을 통해서 바라보는 심리학 저서. 내가 최근에 읽은 책들이 인문학과 사회학 책들이기에 그런지는 몰라도 최근의 전반적인 학계의 흐름은 직관과 무의식이 합리주의와 이성주의를 연구 중심에서 밀어내고 그 자리를 차지하고 있는듯하다. 최근 학계의 연구결과를 폭 넓게 인용하여 두 주인공의 인생이라는 여정에 잘 녹여 놓았다. 두 주인공의 삶을 따라가다보면 순간 순간 우리 삶과 어떠한 공통점을 깨닫게 된다. 그 공통점에서 우리 삶에 있는 개인과 사회의 다양한 문제를 끄집어 낸다. 그러한 문제의 본질이 무엇인지, 어떻게 해야 문제를 해결할 수 있는지 관련 학계의 연구를 인용하여 제시한다. 저자는 우리의 삶과 밀접하게 연계시켜 서술하기 때문에 읽는 내내 어렵지 않게 ..

http://www.jaeminjo.com/post/107109578789/arrayprototypeslicecallarguments 위의 링크에 친절한 설명이 나와 있지만 부가 설명을 해본다. 이것을 이해하기 위해서는 call(), arguments를 이해해야 한다. call()은 상위 context를 변경하는 메서드이고arguments는 함수의 매개변수에 접근할 수 있는 속성이다. 먼저 위의 행위를 말로 설명하자면 이 코드가 존재하는 함수의 매개변수로 넘어온 값들을 array로 변환하겠다는 것이다.function func(a, b){} 에서 a와 b를 arguments[0]과 arguments[1]로 접근가능하다.하지만 여기서 arguments는 array가 아니며 object임을 알아야 한다.(참고..

질문 경청 공감의 순환을 지속 질문을 하기 위해서는 많이 알아야함 많이 안다는 것은 내가 더 많이 모른다는 것을 알아야함. 겸손이 필요한 이유다. 더 많이 알기 위해서 단순히 많은 지식을 습득한다는 것보다 다양한 지식을 습득 하려는 겸손한 자세를 가져야함 겸손은 다른 지식, 내가 믿는 것과 전혀 다른 관점과 지식도 포용할 수 있다는 것 겸손이란 자세에서 새로운 지식을 받아들일 수 있고 더 많고 넓은 지식을 습득할 수 있음 이것은 공감으로 이어짐. 공감하기 위해서는 우선 우리가 반응하고 행동하는 메커니즘을 알아야 한다. 우리는 논리가 아닌 직관으로 움직인다. 그러므로 논리를 앞세우기보다 직관으로 접근하고 논리는 나중에 접근하는 방식으로 상대방을 대해야 한다. 적절한 질문을 위해서 더 많이 알아야 하며 경청..

기술 동향스크린샷으로 코드가 작성되는 기술 : Pix2Code 자바스크립트의 전망 : 네이버D2 HTML5 변화 안드로이드 인스턴스 앱 공개 MS는 ReactiveX를 왜 만들었을까? 좋은 문서가 인기 오픈소스 커뮤니티를 만든다 네이버가 만든 차트 라이브러리 : billboard.js REST API를 대체하는 GraphQL Vue 와 React 비교 최근 안드로이드 공식 지원 언어가 된 코틀린에 관한 견해 코드 작성시 Tab보다 Space를 사용하는 개발자가 소득이 더 높다? - https://stackoverflow.blog/ Facebook은 Node_Modules를 어떻게 관리할까요?(yarn의 탄생) Node.js 에 관한 오해 모바일 웹의 현재 : 구글 Dev blog 기술 자료Vue 입문서 ..