Frontend/JavaScript 4

JavaScript 기본 4

DOM 트리의 노드요소 노드: 모든 HTML 태그를 의미합니다.텍스트 노드: 태그의 텍스트 내용입니다.속성 노드: 태그의 속성입니다.주석 노드: 주석입니다. DOM에 접근하기getElementById(id): id명으로 접근합니다.getElementsByClassName(class): 클래스명으로 접근하며 여러 요소가 배열 형태로 저장됩니다.getElementsByTagName(tag): 태그명으로 접근하며 여러 요소가 배열 형태로 저장됩니다.querySelector(): id명이나 선택자를 사용해 접근합니다.querySelectorAll(): 클래스명이나 태그명의 선택자를 사용해 접근합니다. 여러 노드가 노드 리스트 형태로 저장됩니다.속성 가져오기 및 수정하기 getAttribute(속성)..

Frontend/JavaScript 2024.09.13

JavaScript 기본 3

객체 알아보기 객체(object): 프로그램에서 인식할 수 있는 모든 대상 프로퍼티(property): 객체의 특징이나 속성 메서드(method): 객체에서 할 수 있는 동작 객체 인스턴스 만들기 new 객체명 객체의 프로퍼티와 메서드 사용하기 객체명.프로퍼티 객체명.메서드 자바스크립트 내장 객체 종류 설명 window 브라우저 창이 열릴 때마다 하나씩 만들어집니다. 브라우저 창 안의 요소 중에서 최상위에 있습니다. docum..

Frontend/JavaScript 2024.09.12

JavaScript 기본 1

변수 변수(variable)란? 프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터를 말합니다. 변수 작성 규칙 변수의 이름은 대소 문자를 구별하여 작성합니다. 영문자와 숫자, 언더스코어(_)만 사용하며 숫자로 시작할 수 없습니다. 자료형 종류 속성값 기본유형 숫자형 따옴표 없이 숫자로만 표시됩니다. 문자열 작은따옴표('')나 큰따옴표("")로 묶어서 나타냅니다. 논리형 ..

Frontend/JavaScript 2024.09.10