1. Custom DOM Library DOM API를 통해 요소 노드를 불러오는 것은 꽤나 번거로운 일이다. 이를 해결하기 위해 Lv.1-1 자동차 경주 미션에서 jQuery 스타일로 코드를 작성하는 방법을 익혔다. 그리고 강의 시간에 준이 이보다 더 개선된 형태의 custom DOM library를 만들어봐도 좋을 것 같다는 이야기를 해주었다. 페어였던 카일이 주도하여 custom DOM library를 만들었고 그 코드는 다음과 같다. export const $ = (() => { const constructor = function (selector) { if (!selector) { return; } this.targets = document.querySelectorAll(selector); th..
안녕하세요 :) 이번에는 querySelectorAll나 getElementsByClassName과 같이 여러 개의 요소 노드 객체를 반환할 때 사용되는 객체인 HTMLCollection과 NodeList의 차이에 대해 알아보도록 하겠습니다. 먼저, HTMLCollection과 NodeList는 모두 유사 배열 객체이면서 이터러블입니다. 따라서 둘 다 length 프로퍼티를 가지므로 객체를 배열처럼 접근할 수 있고 반복문을 돌 수 있습니다. 그러나 유사 배열 객체이기 때문에 자바스크립트에서 제공하는 배열 객체의 메소드는 사용할 수 없습니다. (ex. map, forEach, reduce 등등) 다음으로는 HTMLCollection과 NodeList에 대해 하나씩 살펴보도록 하겠습니다. HTMLCollec..
- Total
- Today
- Yesterday
- 리액트 props
- 프론트엔드
- 브라우저 라우터
- 우테코
- Redux Thunk
- 파이썬
- localhost https
- 해쉬 라우터
- 리액트 리스트 키
- React key
- props를 변경하지 않는 이유
- 댓글 모듈
- 인사이트
- props를 변경하지 못하는 이유
- Browser Router
- 우아한테크코스
- 백준
- 리액트 jsx
- 프론트
- contentEditable focus
- mkcert
- Hash Router
- 1463
- 다라쓰
- 리액트 키
- Python
- 리덕스 썽크
- 리액트 리스트 key
- 리액트 동작원리
- 리액트 리덕스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |