classList

코딩자율학습단 19기 | 4주차 총정리 – JS 내장객체·DOM/이벤트 + 최종프로젝트 완성(반응형·검증)

작성자:

4주차 한 줄 결론 이번 주는 자바스크립트의 내장 객체(String/Array/Date/Math)와 BOM(window)로 기능을 빠르게 뽑아쓰는 방법을 익히고, DOM(선택→조작→추가/삭제) + 폼/이벤트 처리로 브라우저 상호작용을 완성한 뒤, 마지막에는 최종 프로젝트를 반응형+JS 효과까지 붙여 끝내고 유효성 검증으로 마무리한 주였습니다. 이번 주 진행 범위 일일 학습일지 인덱스 이번 주 핵심 개념 TOP 5 TOP 1) 표준 내장 객체로 기본 기능을 빨리 … 더 읽기

코딩자율학습단 19기 | 17일차 학습일지 – DOM 구조 이해, 노드 조작, 노드 추가·삭제

작성자:

오늘 학습 정보 오늘의 핵심 키워드 3개 개념 정리 2-1) DOM(Document Object Model) 이해: “문서가 트리로 보인다” 역할: HTML 문서를 노드(Node)들의 트리 구조로 표현해서 JS로 접근/조작 가능하게 함 핵심 포인트: 짧은 예시(코드): 2-2) 요소 노드 선택: getElementById vs querySelector(All) 역할: DOM에서 “원하는 요소 노드”를 찾아 변수로 잡아두기 핵심 포인트: 짧은 예시(코드): 2-3) 콘텐츠 조작: textContent … 더 읽기