js이론

오늘 arrow function에 대해서 헷갈리는 부분이 있어서 다시 공부하게되었다.먼저 this는 함수가 어떻게 호출되었냐에 따라서 동적으로 bind된다.그래서 setTimeout 같은 async 함수의 콜백으로 arrow function을 넘겼을 때도 this의 b

@해당 글은 https://meetup.toast.com/posts/89 를 참고해 정리한 글임을 밝힙니다. 문제가 될 시 삭제하겠습니다 :)@이 글에서는 브라우저에서의 이벤트 루프만 다룹니다.Browser-Event호출 스택(Call Stack)js 가 실행

@ 평소에 쓰지 않던 async/await, promise 구문이 나와서헷갈리는 부분을 정리하기 위해 글을 작성합니다 😊@ 이 게시물에서는 각 구문들이 생겨나게 된 배경에 따라 시간 순으로 작성하겠습니다.promise는 비동기 작업의 완료나 실패를 나타내는 객체입니다

@ dom 객체에 관해 헷갈리는 내용을 정리했습니다.하나만 선택querySelector(), getElementById()element 객체 리턴으로 동일여러개 선택NodeList(non-live)와 HTMLCollection(live)으로 리턴 형태가 나뉘어진다.둘다

여기서 'hi'는 분명 원시자료형 string일텐데,원시자료형에 메소드나 프로퍼티가 존재할 수 있을까?결론적으론 존재할 수 없다.그렇다면 어떻게 메소드 호출이 가능한 것일까?js는 모든 것을 객체로 바라보는 언어이다.그래서 number,string, boolean 등등

@ 제가 핵심이라고 생각하는 부분만을 다시 정리했습니다.@ 자세한 내용은 moggy.log에 정리가 굉장히 잘되어있습니다. 👍기존에 하나의 클래스는 하나의 부모 클래스만존재하는 불편함에서부터 Mixin은 시작되었습니다.예를 들어 코끼리와 참새가 있습니다.코끼리와 참새

결론부터 이야기 하자면 reflow와 repaint 과정을 최소한으로 줄이면 된다.그런데 이 과정들은 무엇이고, 왜 과정을 줄여야 효율적인 것일까?먼저 웹페이지의 화면이 어떻게 생성되는 것인지부터 알아보자.우리가 사용하는 브라우저(크롬, 파이어폭스)들은 각자의렌더링

AsynchronousJavaScriptAndXML비동기 데이터 통신을 위해 개발된 js 기술.HTML, XML, JSON 등 다양한 데이터를 주고 받을 수 있다.하지만 JSON만 통신에 사용하는 이유가 뭘까.먼저 JSON은 웹에서의 통신으로 주고받는 거의 모든 데이터

아는 사이인줄 알았는데 초면이었던 이벤트 루프 😇