[TIL] 7주차

28일차_23.04.10 Mon
스프린트 회고3 / 재현님의 DOM(1)
[-] '사용자'가 있는 작고 유용한 프로그램 / 소프트웨어의 본질은 문제 해결 / 코테 공부 노하우(1. 회색지대 정복하기 2. 같은 문제 다른 방식으로 풀어보기) / 훌륭한 개발자의 역량이란 / 일단 동작하는 쓰레기 코드 만들고 이후에 리팩토링  
[-] 요소 접근: document.getElementById(), document.getElementsByTagName(); document.getElementsByClassName(); / document.querySelector("selector"); document.querySelectorAll("selector"); // HTMLCollection vs. NodeList // 이벤트 삽입: target.addEventListener( type, listener ) // 클래스 제어:  myBtn.classList.add("클래스"), myBtn.classList.remove("클래스명"), myBtn.classList.toggle("클래스명"), myBtn.classList.contains("클래스명") // 요소 제어 : document.createElement(target), document.createTextNode(target), element.appendChild(target), element.removeChild(target), element.append(target), target.remove()
[+] Node.nodeType, 투두리스트

29일차_23.04.11 Tue
재현님의 DOM(2) / 이력서 특강(1)
[-] 요소 제어 : parentElement.insertBefore(target, location) // 문자열을 사용해 노드 추가 : innerHTML vs. innerText vs. textContent // 속성 제어 : 1. style 객체 2. Attribute 메서드 3. data 속성 // 인접 배치 : insertAdjacentHTML('위치', '추가할 마크업') <- 위치: beforebegin, afterbegin, beforeend, afterend // 노드 탐색 : element.firstElementChild, .lastElementChild, .nextElementSibling, .nextSibling, .previousElementSibling, .previousSibling, .children, .parentElement

innerHTML: 요소 내에 포함된 HTML 마크업
textContent: 노드의 텍스트 콘텐츠(raw text)
innerText: "렌더링된" 텍스트 콘텐츠

 

30일차_23.04.12 Wed
roro기법 / 재귀함수 / 스코프 / 함수 호이스팅 - Call by value, Call by reference / 클로저 / 생성자 함수 / 콜백함수 / Map

31일차_23.04.13 Thr
Set / this / JSON / Date

---

주말
- 딥다이브
- 책 집필 초안 작성
- 창덕궁