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..
* jQuery 스타일 적용 // util.js export const $ = selector => document.querySelector(selector); export const $$ = selector => document.querySelectorAll(selector); // app.js const $carNameInput = $('#car-name-input'); document.querySelector로 DOM을 조작하는 코드를 작성하는 것보다 jQuery 스타일로 코드를 작성하는 편이 훨씬 보기에 깔끔하고 명확했다. 위 코드는 Jbee가 다른 크루들에게 리뷰해준 내용을 참고했다. * 게임 종료 후 승자를 찾는 알고리즘 getWinners() { let maxDistance = -1; for..
- Total
- Today
- Yesterday
- localhost https
- 프론트
- 리액트 리스트 key
- 리액트 키
- props를 변경하지 못하는 이유
- props를 변경하지 않는 이유
- Hash Router
- 리액트 리스트 키
- 인사이트
- 프론트엔드
- contentEditable focus
- 해쉬 라우터
- 브라우저 라우터
- 우테코
- 리액트 동작원리
- 리액트 props
- Browser Router
- Python
- 파이썬
- 리액트 리덕스
- 리덕스 썽크
- 우아한테크코스
- 1463
- Redux Thunk
- 리액트 jsx
- 댓글 모듈
- mkcert
- 다라쓰
- React 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 |