Language/JS7 DOM (1) - DOM이란 / 요소 접근 1. 문서객체모델(DOM) 이란? -웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법 2. DOM 트리 -웹 문서의 태그는 요소 노드로 표현 -태그가 품고 있는 텍스트는 해당 요소 노드(태그)의 자식 노드인 텍스트 노드로 표현 -태그의 속성은 모두 해당 요소 노드(태그)의 자식 노드인 속성 노드로 표현 -주석은 주석 노드로 표현 그렇다면 먼저 요소 노드(태그) 에 접근하는 방법에 대해 알아보자 3.DOM 요소 접근 -getElementById() : id 선택자로 접근하는 함수 -getElementsByClassName(): class값으로 접근하는 함수 -getElementsByTagName() : 태그 이름으로 접근하는 함수 -querySelector.. 2024. 2. 29. [자바스크립트] 숫자, 수학 관련 메서드 -toString(): 10진수 -> 2진수/16진수 num.toString(); //10 2진수로 num.toString(16); // 1010 16진수로 let num2 = 255; num2.toString(16); //ff -Math.ceil(): 올림 -Math.floor(): 내림 -Math.round(): 반올림 let num1 = 5.1; let num2 = 5.7; //올림 Math.ceil(num1); //6 Math.ceil(num2); //6 //내림 Math.floor(num1); //5 Math.floor(num2); //5 Math.trunc(3.14); //3 Math.trunc(-2.2); //-2 양수이건 음수이건 상관없이 소수점 이하 우측부분을 제거 //반올림 Math.r.. 2024. 2. 27. 함수 함수 정의 function 함수이름1(){ 실행문; } function 함수이름2(매개변수){ 실행문; } function 함수이름3(매개변수 = ""){ 실행문; } //디폴트 값 설정 가능 function 함수이름4(매개변수){ return 실행문; } let a = 함수이름4("a"); 함수 실행 함수이름1(); 함수이름2(매개변); 함수 표현 자바스크립트에서는 함수를 값으로 간주 const square = **function(num){ return num*num; }** //함수를 변수에 저장 square(7); //49 함수 선언문 -> 어디서든 실행 가능(호이스팅 때문에) 함수 표현식 -> 생성 코드 뒤에 사용 가능 화살표 함수 const square = **(x) =>{ return x*x;.. 2024. 2. 25. 객체(object) key-value 참조 타입 여러 타입 담을 수 있음(배열 포함) //객체 선언 const person = { firstname: "lee", lastname:"daeun", age:23, hobby: ["swimming","walk"] }; -> key 값은 문자열로 변환 //객체 접근 perseon["firstname"] //lee int num = "age"; person[num] //23 person.firstname //lee //객체 수정 person["age"] = 22; //22 person.age = 22; //22 person["major"] = "CSE"; person.major = "CSE"; //person = {firstname: "lee",lastname:"daeun",age:.. 2024. 2. 25. 이전 1 2 다음