profile
프론트 개발자를 꿈꾸는 학생입니다.

DOM 조작 효율성에 관한 이야기

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

2021년 2월 23일
·
0개의 댓글

다중 상속이 가능한 클래스 코드 조각 Mixin(믹스인)

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

2021년 2월 21일
·
0개의 댓글

원시 자료형은 어떻게 메서드를 호출할 수 있을까?

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

2021년 2월 21일
·
0개의 댓글
post-thumbnail

Element? Node? HTMLCollection?

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

2021년 2월 21일
·
0개의 댓글

promise, async/await가 뭘까?

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

2021년 2월 18일
·
4개의 댓글

javascript의 이벤트루프 동작원리

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

2021년 2월 13일
·
0개의 댓글

콜백 인자로 넘어간 arrow function의 this는?

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

2021년 2월 13일
·
0개의 댓글