2차_4주차_권태영_회고록 - hyeone999/Docs-JS_deepDive_Study GitHub Wiki

DOM

-요소 선택 :
document.getElementById(id): 주어진 ID를 가진 요소를 반환
document.getElementsByTagName(name): 주어진 태그 이름을 가진 요소들의 목록을 반환
document.getElementsByClassName(name): 주어진 클래스 이름을 가진 요소들의 목록을 반환
document.querySelector(selector): 주어진 CSS 선택자와 일치하는 첫 번째 요소를 반환
document.querySelectorAll(selector): 주어진 CSS 선택자와 일치하는 모든 요소의 목록을 반환

  • 요소 조작 :
    element.textContent 또는 element.innerText: 요소의 텍스트 내용을 가져오거나 설정
    element.innerHTML: 요소의 내부 HTML을 가져오거나 설정
    element.setAttribute(name, value): 요소의 속성 값을 설정
    element.getAttribute(name): 요소의 속성 값을 가져옴
    element.appendChild(childElement): 요소에 자식 요소를 추가
    element.removeChild(childElement): 요소에서 자식 요소를 제거

비동기 프로그래밍

  1. 동기처리
  • 작업을 순차적으로 처리
  • 하나의 태스크가 끝나기 전까지는 다음 태스크는 대기
  • 실행 순서 보장
  • 단점으로는 앞 작업이 길면 다음 작업이 지연됨
  1. 비동기 처리
  • 콜백, 타이머, 이벤트 , HTTP 요청 등은 비동기로 처리됨
  • 블로킹 없이 다음 작업을 바로 실행
  • 실행 순서는 보장되지 않음

이벤트 루프

자바스크립트는 '싱글 스레드' 로 동작함
즉, 한번에 하나의 작업만 처리할 수 있습니다. 그런데도 비동기 처리가 가능한 이유는 바로 이벤트 루프!!
정의
"콜 스택" 과 "태스트 큐"를 연결하여 비동기 작업을 처리하는 매커니즘임

회고록

이번 주가 자바스크립트 스터디 마지막 주인데 앞으로도 프론트 공부하면서 자바스크립트도 꾸준히 공부해야겠다라는 생각이 들었다.
아는 게 별로 없어서 부족 할 수 있지만, 그동안 열심히 해서 뿌듯하다라는 생각이 들었다.