[TIL] 22.03.14 (004) js dom 기능들

혼자 발버둥/TIL

couch 2022. 3. 14. 19:05

1. html의 body 요소가 미처 로드되기 전 head 요소 안에 있는 script가 먼저 실행되어 오류 나는 것을 예방하는 방법.

//자바스크립트에서 Jquery로
$(document).ready( 함수() )

//html에서
<body onload=" 함수() ">

2. 온갖 property와 method들

정말이지 js는 object와 property로 모든 걸 해결하는구나..

노마드코더에서 moment 클론코딩할 때는 그냥 '아하아하' 하고 따라하기 바빠서 몰랐는데, 진짜 다 속성 변경으로 조작하는 거였다.

* 요소에 class 추가하기 .classList.add();

* 요소에 이벤트리스너 추가하기 .eventlistener('행위', '반응');

* 요소 복사하기 .cloneNode(여기에 true 넣으면 내부 요소까지 복사);

* radio에서 체크된 항목의 값 얻기 document.querySelector("input[name=my-radio]:checked").value;

* 배열 정렬하기 .sort(익명함수);

* 배열 필터링하기 .filter(익명함수);

* 배열 내 요소마다 명령내리기 .forEach(익명함수);

이전에 들었던 강의들은 그때그때 필요한 기능들 위주로 간단하게 알려줬다면,

패캠은 확실히 언어가 갖고 있는 기능을 조금씩이나마 다 짚어주려는 게 느껴진다.

지식의 빈 부분이 채워져서 만족스러운 점도 있는 반면, 이걸로 공부를 시작했다면 얼마나 어려웠을까 싶어 아찔하기도 하다.

바로 얼마 전 책 예찬론을 펼쳤지만, 실습이 병행되지 않는 지식 습득은 흡수가 느리고 증발이 빠르다.