라라리라

_0107_innerText1.html DOCTYPE html> innerText 텍스트 지우기 let element = document.querySelector("#target"); element.innerText = "";

_0101_id로선택.html DOCTYPE html> getElementById() getElementById() 메서드 // 태그 선택 let element = document.getElementById("content"); console.log(element.innerText); // getElementById() 메서드 // 내용 변경 document.getElementById("target").innerText = "Hello, JavaScript"; document.getElementById("content").innerText = "Hello, JsDom";

_0023_수학_Math클래스.html DOCTYPE html> Math클래스 /* [개념] Math 클래스 */ let num = 2.6234; let maxNum = Math.max(10, 5, 8, 30), minNum = Math.min(10, 5, 8, 30), absNum = Math.abs(-3), // 절대값 roundNum = Math.round(num), // 반올림 floorNum = Math.floor(num), // 내림 ceilNum = Math.ceil(num), // 올림 randNum = Math.random(), // 랜덤은 소수점으로 나오기 때문에 곱하기 숫자로 범위를 정함 piNum = Math.PI; document.write(maxNum, " "); document..

_0011_문자열_생성.html DOCTYPE html> 문자열 생성 /* [개념] 문자열 생성 아래 두 가지 방법은 모두 같은 문자열 객체를 생성한다. (1) let 변수 = new String("문자열"); (2) let 변수 = "문자열"; */ let str1 = new String("hello"); // 문자열 객체 생성 let str2 = "hello"; // 문자열 데이터 생성 document.write(typeof str1, " "); document.write(typeof str2, " "); // == : 데이터의 종류를 구분하지 않고 오직 값으로만 비교 document.write(str1 == str2, " "); // true // === : 데이터의 종류 구분해서 값 비교 docu..

_0001_배열_생성_출력.html DOCTYPE html> 배열 생성 /* [개념] class Array { } 배열 객체(Array Object) 생성 아래 세 가지 방법은 모두 같은 결과의 배열을 만들어 준다. (1) let 변수 = [값1, 값2, 값3, ...]; (2) let 변수 = new Array(값1, 값2, 값3, ...); (3) let 변수 = new Array(); 변수[0] = 값1; 변수[1] = 값2; 변수[2] = 값3; ... */ // 배열 생성 let arr1 = [1, "a", true]; document.write(arr1 + " "); let arr2 = Array(1, "a", true); document.write(arr2 + " "); let arr3 = ..

클래스3_개념01_상속.html /* [상속] [1] 개념 서로 다른 클래스 두개는 상속이라는 키워드를 통해 부모 자식 관계를 형성할 수 있다. 이는 게임으로 설명하면 이해하기 쉽다. 플레이어 라는 클래스가 있고, 몬스터 늑대, 박쥐, 호랑이가 있다고 했을 때 플레이어와 몬스터 늑대 박쥐 호랑이는 각각 특성이 다르지만, 체력, 공격력, 방어력, 레벨, 등등의 공통 데이터가 존재한다. 또한 게임이기 때문에 공격하기, 공격 당하기, 사망 등의 기능도 공통이다. 각 클래스마다 중복되는 데이터와 기능은 상속으로 처리하면 코드가 간결해진다. [2] 상속하는방법 자식 클래스 extends 부모클래스명 {} [예시] class Player extends Unit{} */ class unit { name = ""; l..

클래스2_개념01_클래스내부함수.html /* [개념] 클래스 내부 함수 [1] 클래스 내부 함수 정의 = 메서드 함수명(매개변수) { 내용 } [예시] setData(num, name, kor, math) { // 실행할 내용 } [2] 클래스 내부 함수에서는 클래스 내부 변수들도 사용할 수 있다. 단, 사용할 때 변수 앞에 this.을 붙여야 한다. [3] 클래스 내부의 함수를 메서드(=인스턴스 함수)라고 부른다. */ // 클래스 정의 class Student { num = 0; name = ""; kor = 0; math = 0; setData(a, b, c, d){ this.num = a; this.name = b; this.kor = c; this.math = d; } printData(){ ..

클래스1_개념01_json복습.html /* [문제1] data1과 data2를 파싱하여 아래와 같이 jsonList에 json형태로 저장하시오. data1은 json의 key 이다. data2는 json의 value 이다. [정답1] jsonList = [ {"num" : 1001, "name" : "김철수", "kor" : 100, "math" : 20}, {"num" : 1002, "name" : "이영수", "kor" : 90, "math" : 40}, {"num" : 1003, "name" : "오민수", "kor" : 20, "math" : 50} ] [문제2] 1등 학생의 이름을 출력하시오. [정답2] 이영수 [문제3] 새로운 학생의 정보를 추가하시오. [정답3] 1001 김철수 100 20..